@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&family=Nunito+Sans: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: #fcd34d;
  --color-danger: #ef4444;
  --color-danger-light: #fca5a5;

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

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

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

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

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

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

  font-size: 16px;
  line-height: 1.5;

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

* {
  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: var(--font-primary);
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

.ifff {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.k50:hover {
  background: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(168, 85, 247, 0.3);
}

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

.bd548:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(192, 132, 252, 0.3);
}

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

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

.g646c300 {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.875rem;
}

.f6f24 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: 1.05rem;
}

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

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

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

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

.p06184 {
  background: rgba(168, 85, 247, 0.15);
  color: var(--color-primary-light);
  border: 1px solid var(--color-primary);
}

.aa267ea {
  background: rgba(16, 185, 129, 0.15);
  color: var(--color-success-light);
  border: 1px solid var(--color-success);
}

.d5f7 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-warning-light);
  border: 1px solid var(--color-warning);
}

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

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

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

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

.h9f05ffa {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.de2 {
  flex-direction: column;
}

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

.aae88c {
  justify-content: center;
}

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

.o4baa {
  padding: var(--spacing-3xl) var(--spacing-lg);
}

.b3888fcf {
  text-align: center;
}

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

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

.gf82fa {
  opacity: 0.75;
}

.m29e7f {
  opacity: 0.5;
}

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

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

  .ea2d,
  .mdc2dbf,
  .lbb46b {
    grid-template-columns: 1fr;
  }

  .m5bc {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  :root {
    font-size: 13px;
  }

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

  .ifff {
    width: 100%;
  }

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }
}

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

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

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

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

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

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-hover);
}
.gaf270c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
}

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

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

.ia470ce8:hover {
  transform: scale(1.02);
}

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

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

.k1d {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1;
  margin-left: clamp(2rem, 5vw, 3rem);
}

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

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

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

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

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

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

.paf1674 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

.paf1674.led29 span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.paf1674.led29 span:nth-child(2) {
  opacity: 0;
}

.paf1674.led29 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.i10aadd1 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  display: flex;
  flex-direction: column;
  padding-top: clamp(3.5rem, 8vw, 5rem);
}

.i10aadd1.led29 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.ce4c {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

.g4ff7319:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 5vw, 2.5rem);
}

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

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

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

  .j246 {
    display: block;
  }

  .paf1674 {
    display: none;
  }

  .i10aadd1 {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .k1d {
    display: none;
  }

  .j246 {
    display: none;
  }
}

@media (min-width: 1200px) {
  .p93 {
    font-size: 0.95rem;
  }

  .j246 {
    font-size: 0.95rem;
  }
}

    .ide30 {
  width: 100%;
}

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

.g178515::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: var(--color-bg-secondary);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  z-index: 0;
}

.n17a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  position: relative;
  z-index: 1;
}

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

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

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

.f3e {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

.d781 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  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);
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

.l94 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
}

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

.ja4682e {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .o1efb {
    flex: 1 1 100%;
  }

  .ja4682e {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .g178515::before {
    clip-path: polygon(100% 0, 100% 100%, 20% 100%);
  }
}

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

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

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

.abf {
  text-align: center;
}

.f482 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.k1b585 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h72 {
  flex: 1 1 40%;
  min-height: 300px;
  max-height: 400px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.b452e {
  flex: 1 1 60%;
}

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

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

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

.lbdc {
  flex: 1 1 280px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.a9de5 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  height: clamp(3rem, 5vw, 4rem);
  display: flex;
  align-items: center;
}

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

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

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

  .h72 {
    flex: 1 1 100%;
    min-height: 250px;
  }

  .b452e {
    flex: 1 1 100%;
  }

  .k005e162 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

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

.e47 {
  text-align: center;
}

.i583d05 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.ob2f9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m31ae::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-border);
  transform: translateX(-50%);
}

.k01063 {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
  position: relative;
  display: flex;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: flex-start;
}

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

.k68d9dea .f58 {
  text-align: right;
  padding-right: clamp(1rem, 2vw, 1.5rem);
}

.i8ae .f58 {
  text-align: left;
  padding-left: clamp(1rem, 2vw, 1.5rem);
}

.k01063::before {
  content: '';
  position: absolute;
  left: 50%;
  top: clamp(0.5rem, 1vw, 0.75rem);
  width: clamp(0.75rem, 2vw, 1rem);
  height: clamp(0.75rem, 2vw, 1rem);
  background: var(--color-accent);
  border-radius: 50%;
  transform: translateX(-50%);
  border: 3px solid var(--color-bg-primary);
  z-index: 2;
}

.f58 {
  flex: 0 0 clamp(4rem, 15%, 6rem);
  color: var(--color-accent);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
}

.f532a {
  flex: 0 0 calc(50% - clamp(1.5rem, 3vw, 2rem));
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

@media (max-width: 768px) {
  .m31ae::before {
    left: 0;
  }

  .k01063 {
    flex-direction: column;
    padding-left: clamp(1.5rem, 3vw, 2.5rem);
    margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  }

  .k68d9dea,
  .i8ae {
    flex-direction: column;
  }

  .k01063::before {
    left: -clamp(1rem, 2vw, 1.25rem);
    top: 0;
  }

  .f58 {
    text-align: left;
    padding: 0;
  }

  .k68d9dea .f58 {
    text-align: left;
    padding: 0;
  }

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

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

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

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

.m01e65ee {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pc1 {
  align-self: center;
}

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

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

.n89a2 {
  text-align: center;
}

.bdfbda7 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.e1c3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o59e5692 {
  flex: 1 1 200px;
  max-width: 280px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: center;
}

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

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

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

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

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

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

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

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

.f3d74 {
  flex: 1 1 40%;
  min-height: 300px;
  max-height: 450px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

  .f3d74 {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

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

.ddb95f {
  text-align: center;
}

.jd9 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.bcccaf6f {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.efa {
  flex: 1 1 45%;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.jec90 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

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

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

.hae38 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.ed45014 {
  flex-grow: 1;
}

.ka14374c {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: clamp(0.25rem, 0.5vw, 0.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i28e {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b33c6 {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

.ff64b71:hover .b33c6 {
  transform: translateX(4px);
}

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

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

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

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

  .efa {
    flex: 1 1 100%;
  }

  .lc6f {
    flex: 1 1 100%;
  }

  .ff64b71 {
    flex-direction: column;
    text-align: left;
  }

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

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

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

.e8d58 {
  text-align: center;
}

.pe2 {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.d1c {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

.jcf573 {
  text-align: center;
}

.j4d9a {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

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

.eea9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f108afc9 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  flex: 0 1 clamp(140px, 20vw, 180px);
  transition: all var(--transition-base);
}

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

.b411e6 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(2.5rem, 4vw, 3.5rem);
}

.f79e44ea {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  font-family: var(--font-heading);
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .f108afc9 {
    flex: 0 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  }
}

.f9d42b48 {
  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);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow: hidden;
}

.f9d42b48.p326 {
  display: none;
}

.ldb {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.mce085:hover {
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

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

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

  .n675 {
    flex: 1 1 100%;
    justify-content: stretch;
  }

  .fe2b70c1,
  .mce085 {
    flex: 1 1 auto;
  }
}

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

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

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

.ffce935 {
  display: block;
}

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

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

.j1a521fe,
.fa07ec,
.nf1f7 {
  display: block;
}

.j1a521fe h4,
.fa07ec h4,
.nf1f7 h4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  font-weight: 700;
  letter-spacing: -0.3px;
}

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

.dff0fcf li,
.odd30 li {
  display: inline-block;
}

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

.j1a521fe a:hover,
.nf1f7 a:hover {
  color: var(--color-accent);
  transform: translateX(2px);
}

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

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

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

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

.n7f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .ffce935 {
    flex: 0 1 100%;
    max-width: 520px;
  }

  .j1a521fe,
  .fa07ec,
  .nf1f7 {
    flex: 1 1 200px;
    min-width: 180px;
  }

  .pd8 {
    flex: 0 1 100%;
    padding-top: clamp(2rem, 4vw, 2.5rem);
  }

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

  .dff0fcf li,
  .odd30 li {
    display: block;
  }
}

@media (max-width: 480px) {
  .dff0fcf,
  .odd30 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .dff0fcf li,
  .odd30 li {
    flex: 0 1 auto;
  }
}
    

* {
  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: var(--font-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;
}

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

.l48ac2 {
  width: 100%;
}

.f3dea07 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-tertiary) 100%);
  position: relative;
  overflow: hidden;
  padding: clamp(4rem, 12vw, 8rem) 0;
  min-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f3dea07::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="%23a855f7" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="1200" height="600" fill="url(/wp-content/themes/static-site-theme/%23grid)"/></svg>');
  pointer-events: none;
}

.m8e2cc7 {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 100%;
}

.kc967 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(12, 3, 32, 0.4);
  z-index: -1;
}

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

.n58b1ad {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  font-weight: 400;
}

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

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

.j4321 {
  text-align: center;
}

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

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

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

.lc1 {
  flex: 1 1 280px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

.h5e {
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 8px;
}

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

.lc1:hover .o5e7 {
  transform: scale(1.05);
}

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

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

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

.g04,
.a87d0b92,
.g5e6e9 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.g04 i,
.a87d0b92 i,
.g5e6e9 i {
  color: var(--color-accent);
  font-size: 0.85em;
}

.dcf {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  margin-top: auto;
}

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

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

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

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

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

.kc475 {
  text-align: center;
}

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

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

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

.i381 {
  flex: 1 1 240px;
  max-width: 320px;
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.i381:hover {
  border-color: var(--color-accent);
  box-shadow: 0 12px 32px rgba(168, 85, 247, 0.1);
}

.d5f {
  width: 48px;
  height: 48px;
  background: rgba(168, 85, 247, 0.15);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

.h4116d {
  text-align: center;
}

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

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

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

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

.a82323 summary {
  cursor: pointer;
  padding: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
  transition: all 0.3s ease;
}

.a82323 summary:hover {
  color: var(--color-accent);
  background: rgba(168, 85, 247, 0.05);
}

.a82323 summary::after {
  content: '+';
  color: var(--color-accent);
  font-size: 1.5rem;
  font-weight: 300;
  margin-left: 1rem;
  transition: transform 0.3s ease;
}

.a82323[open] summary::after {
  transform: rotate(45deg);
}

.mcdb5 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  border-top: 1px solid var(--color-border);
}

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

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

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

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

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

  .i381 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  }
}

@media (min-width: 1024px) {
  .lc1 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.875rem));
  }

  .lc1:nth-child(4n+1) {
    max-width: 400px;
  }

  .i381 {
    flex: 1 1 calc(25% - clamp(1rem, 2vw, 1.875rem));
  }
}

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

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

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

.e6962 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3rem);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.fe216a04 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color var(--transition-base);
}

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

.fe216a04 span {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

.n90e {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

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

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

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

  .ge1f4c79,
  .e0a189 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e6962 {
    padding: clamp(1.5rem, 4vw, 2rem);
  }
}

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

.b6ee3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 3vw, 1.75rem);
  align-items: flex-start;
}

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

.aa9 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k9960,
  .i36 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

  .hcc6a,
  .n6a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .mc8a392e,
  .c729 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.j721e {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.kba {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.f4ec {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

.o99 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: background var(--transition-base);
  align-self: center;
}

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

@media (max-width: 768px) {
  .m69fe92 {
    text-align: center;
  }

  .f4ec {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.a219419 {
  flex: 1 1 50%;
  min-width: 0;
}

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

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

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

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

.cf688ee i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

.l968b {
  flex: 1 1 50%;
  min-width: 0;
  display: flex;
  justify-content: center;
}

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

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

  .a219419,
  .l968b {
    flex: 1 1 100%;
  }

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

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

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

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

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

.kbe6 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .lfceda,
  .gde0be3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.ob12 p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
}

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

  .j1c,
  .o37 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.a3e {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.a3e i {
  color: var(--color-warning);
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

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

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

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

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

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

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

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

.dd78 p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
}

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

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

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

  .fc47,
  .h9e0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.pf1b p {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
}

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

  .h7f31f,
  .bdb0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.a84:hover .m80 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lc3b {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

.j056 {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3rem);
}

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

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

.f3ec9 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .af2bbb9 {
    width: 60px;
    height: 60px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l190 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a02::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 6px;
  height: 6px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

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

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

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

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

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

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

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

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

.bdd9d {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ff4d61d:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

@media (max-width: 768px) {
  .ic89b6 {
    display: block;
    text-align: center;
  }
}

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

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

* {
  box-sizing: border-box;
}

.j7568812 {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

.h6e6 span:last-child {
  color: var(--color-text-secondary);
}

.c32b2 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

.e81aba0 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  overflow: hidden;
}

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

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

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

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

.ge2e8 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j46d3 {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-family: var(--font-heading);
}

.c97b2868 {
  margin: 0;
  padding-left: 1.5rem;
  list-style: disc;
}

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

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

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

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

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

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

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

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

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

.nebc5 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ed4 {
  text-align: center;
}

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

.abe587f {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: clamp(0.5rem, 1vw, 1rem) 0 0 0;
}

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

.a1c8 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .d483b {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(1.5rem, 3vw, 2.5rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .a1c8 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 280px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .jba28 {
    flex-direction: row;
  }

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

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

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

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

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

.d9bb2 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-top: 4px solid var(--color-accent);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.la4ea {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

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

.a6f1 {
  width: 100%;
  max-width: 600px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

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

.o4768a65 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  line-height: 1.2;
}

.f26 {
  font-size: clamp(0.9rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ad1 {
  flex: 1 1 45%;
  min-width: 280px;
  min-height: 300px;
  max-height: 450px;
}

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

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

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

.d091b8 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

.gf2e8 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-bg-tertiary);
  border-radius: 12px;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  flex: 1 1 280px;
  max-width: 320px;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.e1a227c {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

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

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

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

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

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

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

.p6e99cc {
  background: rgba(168, 85, 247, 0.05);
  border-left: 3px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
}

.la2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
  margin-bottom: 1rem;
}

.d00 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.d1c491ab {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

.ledcd279 {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
  opacity: 0.6;
}

.cdf672 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

.mfc07143 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

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

.leda9 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

.lc79445d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

  .l3c5d,
  .ad1 {
    flex: 1 1 100%;
  }

  .b7dfb {
    padding: 0 clamp(1rem, 2vw, 1.5rem);
  }

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

  .m609d3 {
    flex-direction: column;
    align-items: stretch;
  }

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

@media (max-width: 480px) {
  .la4ea {
    margin-bottom: 0.75rem;
  }

  .o4768a65 {
    margin-bottom: 0.75rem;
  }

  .m92:hover {
    transform: translateX(4px);
  }

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

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

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

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

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

.g94347 {
  width: 100%;
  max-width: 500px;
  border-radius: clamp(0.75rem, 2vw, 1.5rem);
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(168, 85, 247, 0.15);
}

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

.pfa25f {
  text-align: center;
  max-width: 700px;
}

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

.mefb6 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-secondary);
  font-weight: 500;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.k6c9c {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.ec8 {
  text-align: center;
}

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

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

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

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

.d8b650d {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

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

.oecf59f {
  text-align: center;
}

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

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

.iefb337 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
}

.jc327 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 9999px;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.jc327:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

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

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

.bf4308c8 {
  text-align: center;
}

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

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

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

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

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

.e7c {
  border-bottom: 2px solid var(--color-border);
  padding-bottom: 1rem;
}

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

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

.mac514 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.4rem, 0.95rem);
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

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

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

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

.f61f27e {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1.5vw, 0.75rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
  border: 2px solid var(--color-accent);
}

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

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

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

.g4df1bb4 {
  text-align: center;
}

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

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

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

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

.c0ce1f {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1.5vw, 0.75rem);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

  .l6d {
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) {
  .kfcd {
    justify-content: space-between;
  }

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

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

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

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

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

@media (min-width: 1280px) {
  .hb4465 {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

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

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

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

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

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

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

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

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

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

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

.o28 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .o28 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

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

  .p96 {
    padding: 5rem var(--spacing-xl);
  }
}

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

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

.j0dff46 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.gdc95162 {
  padding: var(--spacing-lg);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.p3d0ba9 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  width: fit-content;
}

.pe519d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  line-height: 1.3;
}

.n7313 {
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

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

.gcbb27e {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.nd978 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

.oae0e4 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.aec {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base);
  border: 2px solid var(--color-primary);
}

.aec:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}

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

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

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

.c40b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

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

.f91d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.ia92c38 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.bddfe780 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.idbda {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
}

.idbda:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.nae65c0 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  flex-shrink: 0;
}

.nae65c0 i {
  font-size: 1.5rem;
  color: var(--color-primary);
}

.lbeb71 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.mff {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

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

  .bddfe780 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

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

  .bddfe780 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

.ac6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.i01 {
  max-width: 700px;
  margin: 0 auto;
}

.d57 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.j417 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.ma4fbc45 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  white-space: nowrap;
}

.ma4fbc45:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.ma4fbc45:active {
  transform: translateY(0);
}

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

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

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

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

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

.b3e808 .ef63 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b3e808 .n3b693 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.b3e808 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.b3e808 .gaa {
  font-size: clamp(0.85rem, 0.9vw, 1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.b3e808 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.b3e808 ul,
.b3e808 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.b3e808 .m5bc {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
  border-bottom: 1px solid var(--color-border-light);
}

.b3e808 .m5bc:last-of-type {
  border-bottom: none;
}

.b3e808 .od2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.b3e808 .od2 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
}

.b3e808 .od2 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 1024px) {
  .b3e808 .n3b693 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.i18 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.c1857 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.g66e {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.m58f22 {
  width: clamp(60px, 12vw, 120px);
  height: clamp(60px, 12vw, 120px);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleInPulse 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.m58f22 svg {
  width: 100%;
  height: 100%;
}

h1 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin-top: var(--spacing-sm);
}

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

.o16 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-md) 0;
}

.hcc {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-md) 0 var(--spacing-lg) 0;
  font-style: italic;
}

.ifff {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  margin-top: var(--spacing-lg);
}

.k50 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.k50:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 480px) {
  .c1857 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

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

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

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

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

@media (min-width: 1024px) {
  .c1857 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

@keyframes scaleInPulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

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

.f802a {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.h200412 {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.n3b693 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.gc26fa77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.c8f7a1 {
  position: relative;
  margin-bottom: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.p6e {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.05em;
  line-height: 1;
  display: block;
}

.e11cb {
  width: clamp(80px, 20vw, 120px);
  height: clamp(80px, 20vw, 120px);
  color: var(--color-primary);
  opacity: 0.8;
  animation: float 3s ease-in-out infinite;
}

.e11cb svg {
  width: 100%;
  height: 100%;
  display: block;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

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

.oc778ad2 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-sm);
}

.oa2241 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.cedba {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  display: block;
}

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

.o5e li {
  font-size: clamp(0.85rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-left: var(--spacing-md);
  position: relative;
}

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

.ifff {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

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

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

.k50:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.g9e {
  padding: var(--spacing-lg) var(--spacing-3xl);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
}

@media (min-width: 640px) {
  .gc26fa77 {
    gap: var(--spacing-3xl);
  }

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

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

  .pab959 {
    padding: var(--spacing-xl);
    text-align: center;
  }

  .o5e {
    align-items: center;
  }

  .o5e li {
    text-align: center;
    padding-left: 0;
  }

  .o5e li::before {
    display: none;
  }

  .o5e li::before {
    content: "";
    position: static;
    margin-right: var(--spacing-sm);
    display: inline-block;
  }
}

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

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

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

  .gc26fa77 {
    gap: var(--spacing-3xl);
    margin-top: var(--spacing-2xl);
  }

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

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

  .pab959 {
    margin: var(--spacing-2xl) auto;
    max-width: 600px;
  }
}

@media (min-width: 1024px) {
  .h200412 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

  .g9e:hover {
    transform: translateY(-3px);
  }
}

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

.g187d {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.ga349 {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.f3a76 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.abacb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.g6578 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

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

.eb0db {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

  .e14 {
    flex: 1 1 45%;
  }

  .cad41e {
    flex: 1 1 45%;
  }
}

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

  .eb0db {
    gap: 5rem;
  }

  .e14 {
    flex: 1 1 50%;
  }

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

.d9b916 {
  margin-bottom: 2rem;
}

.jeb {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.ccd {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.p7fb21 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.a73,
.o46 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.a73::placeholder,
.o46::placeholder {
  color: var(--color-text-muted);
}

.a73:focus,
.o46:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.o46 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.o150 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.nc192668 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.nc192668:active {
  transform: translateY(0);
}

.eed205 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  text-align: center;
  line-height: 1.5;
}

.nb0f15 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.m9147 {
  margin-bottom: 2rem;
}

.dbe95 {
  font-family: var(--font-heading);
  font-size: clamp(1.3rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.k0b {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.f78af {
  display: flex;
  gap: 1.5rem;
}

.cdba3bc {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.ld2c514 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
}

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

.a9a25 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.o2d3c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem;
}

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

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

.idca16e li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  line-height: 1.6;
}

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

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

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

.m4220c {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.b596ea {
  padding: 0 var(--spacing-md);
  text-align: center;
}

.pc7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: 1.2;
}

.bc16a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 2rem 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.n40 {
  display: inline-block;
  padding: 1rem 2.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.n40:active {
  transform: translateY(0);
}

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

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

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

  .cad41e {
    flex: 1 1 100%;
  }

  .eb0db {
    gap: 2.5rem;
  }

  .f78af {
    gap: 1.25rem;
  }

  .cdba3bc {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}
.paf1674,.m3f98e{
  width: 34px;
}

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

.i10aadd1{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .i10aadd1{
    max-width: 100%;
  }
}

.i10aadd1.led29{
  z-index: 999;
}

.haaa{
  padding-top: 50px;
}

.paf1674[aria-expanded="true"]{
  display: none;
}