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

:root {
  --color-bg-primary: #150a1e;
  --color-bg-secondary: #221535;
  --color-bg-tertiary: #301f4a;
  --color-bg-card: #221535;

  --color-text-primary: #faf5ff;
  --color-text-secondary: #d8b4fe;
  --color-text-muted: #c084fc;

  --color-primary: #9333ea;
  --color-primary-hover: #7e22ce;
  --color-primary-light: #c4b5fd;
  --color-secondary: #a855f7;
  --color-secondary-light: #d8b4fe;

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

  --color-border: #3d2663;
  --color-border-light: #2d1f3d;

  --font-primary: 'Lato', sans-serif;
  --font-heading: 'Vollkorn', serif;

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

  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.875rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.875rem;

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

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

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

html {
  font-size: 17px;
  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.65;
  letter-spacing: 0.3px;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

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

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

@media (min-width: 768px) {
  .e7c5 {
    padding: 0 var(--spacing-lg);
  }
}

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1.125rem;
  }

  h6 {
    font-size: 1rem;
  }
}

p {
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  line-height: 1.7;
}

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

a {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color var(--transition-fast);
  font-weight: 500;
}

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

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

button, .oaebf1 {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  display: inline-block;
  letter-spacing: 0.3px;
}

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

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

.pe6c:active {
  transform: translateY(0);
}

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

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

.e14e4:active {
  transform: translateY(0);
}

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

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

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

.b0de9:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}

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

input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(147, 51, 234, 0.1);
}

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

label {
  display: block;
  margin-bottom: var(--spacing-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  letter-spacing: 0.3px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jb8 { margin-top: var(--spacing-xs); }
.c7b1 { margin-top: var(--spacing-sm); }
.gc1 { margin-top: var(--spacing-md); }
.l720b2b { margin-top: var(--spacing-lg); }
.m370fbea { margin-top: var(--spacing-xl); }
.lc91328 { margin-top: var(--spacing-2xl); }
.jbd4e { margin-top: var(--spacing-3xl); }

.f8c7 { margin-bottom: var(--spacing-xs); }
.f43f69d9 { margin-bottom: var(--spacing-sm); }
.k50458b2 { margin-bottom: var(--spacing-md); }
.acfd { margin-bottom: var(--spacing-lg); }
.nf550cca { margin-bottom: var(--spacing-xl); }
.eeeda25 { margin-bottom: var(--spacing-2xl); }
.ic9d0c { margin-bottom: var(--spacing-3xl); }

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

.m55c1b { padding: var(--spacing-xs); }
.j15 { padding: var(--spacing-sm); }
.f624fedb { padding: var(--spacing-md); }
.n2670 { padding: var(--spacing-lg); }
.lfe8c1e8 { padding: var(--spacing-xl); }

.hff7 {
  display: flex;
}

.gf3 {
  flex-direction: column;
}

.g86 {
  flex-wrap: wrap;
}

.fba98c8a {
  align-items: center;
}

.pfd086d {
  align-items: flex-start;
}

.b2e5e1 {
  align-items: flex-end;
}

.h8e18b {
  justify-content: center;
}

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

.ib1b88f6 {
  justify-content: flex-start;
}

.i4ae42b7 {
  justify-content: flex-end;
}

.kd687b { gap: var(--spacing-xs); }
.cee4 { gap: var(--spacing-sm); }
.h55 { gap: var(--spacing-md); }
.jef0a { gap: var(--spacing-lg); }
.i28 { gap: var(--spacing-xl); }

.id83 {
  display: grid;
}

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

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

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

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

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

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

@media (max-width: 640px) {
  .a87,
  .e135,
  .a673 {
    grid-template-columns: 1fr;
  }
}

.ca6c7f7b {
  display: none;
}

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

@media (max-width: 768px) {
  h1 {
    margin-bottom: var(--spacing-md);
  }

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

  button, .oaebf1 {
    width: 100%;
  }
}
.e9b9edc {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.j821:hover {
  opacity: 0.85;
}

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

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

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

.bbaeb5 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  position: relative;
}

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

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

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

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

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

.i424c {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  margin-right: -8px;
  transition: transform var(--transition-fast);
  flex-shrink: 0;
}

.i424c:hover {
  transform: scale(1.05);
}

.l71e {
  width: 24px;
  height: 2.5px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

.h4ae623 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: 70px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  border-left: 1px solid var(--color-border-light);
}

.h4ae623.i82 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

.hd9 {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
  color: var(--color-text-primary);
  padding: 8px;
  transition: color var(--transition-fast);
}

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

.c2072 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  overflow-y: auto;
}

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

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

.of33 {
  padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 4vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  font-weight: 600;
  text-align: center;
  transition: background var(--transition-fast);
  margin: clamp(1rem, 3vw, 1.5rem) clamp(1rem, 4vw, 1.5rem);
  border-radius: var(--radius-md);
}

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

@media (min-width: 768px) {
  .oe7a2 {
    height: 75px;
  }

  .i023 {
    display: flex;
  }

  .a566 {
    display: block;
  }

  .i424c {
    display: none;
  }

  .h4ae623 {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .oe7a2 {
    height: 80px;
  }

  .cc45e832 {
    font-size: 1.5rem;
  }

  .bbaeb5 {
    font-size: 1rem;
  }

  .a566 {
    font-size: 1rem;
    padding: 0.875rem 1.75rem;
  }
}

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

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

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

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

.oaebf1 {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
}

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

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

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

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

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

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

.fe2 {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.b755 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  transform: perspective(1000px) rotateY(-2deg) rotateX(1deg);
}

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

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

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

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

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

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

.g08e {
  flex: 1 1 150px;
  text-align: center;
  padding: 1.5rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.d901 {
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.5rem 0;
}

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

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

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

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

.fa7 {
  flex: 1 1 45%;
}

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

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

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

.fac93 {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

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

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

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

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

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

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

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

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

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

.of86f {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.b382a7 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

.p47a {
  flex: 1 1 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.a456 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
}

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

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

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

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

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

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

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

.i4b5c0 {
  flex: 1 1 200px;
  max-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  text-align: center;
}

.ac962df {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  margin: 0 0 0.75rem 0;
}

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

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

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

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

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

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

.ge65 {
  flex: 1 1 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.fe0 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
}

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

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

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

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

.h5000 {
  flex: 1 1 240px;
  max-width: 280px;
  text-align: center;
}

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

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

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

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

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

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

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

.k82ec56c {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

.l3a8 {
  min-height: 300px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.pdbaa {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.ha361aca {
  min-height: 150px;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  cursor: pointer;
  transition: all var(--transition-base);
}

.ha361aca:hover {
  transform: scale(1.05);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.l97d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

.o4715de {
  text-align: center;
}

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

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

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

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

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

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

.ha53 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}

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

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

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

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

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

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

.d56a0.ca6c7f7b {
  display: none;
}

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

.bee {
  display: flex;
  gap: 1rem;
  flex: 0 1 auto;
}

.gd771 {
  padding: 0.625rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

.i92485 {
  padding: 0.625rem 1.25rem;
  background: transparent;
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
}

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

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

  .j864 {
    flex: 1 1 100%;
  }

  .bee {
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
  }

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

  .ebfc {
    flex-direction: column;
  }

  .fa7,
  .fac93 {
    flex: 1 1 100%;
  }
}

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

  .ha53 {
    flex-direction: column;
  }

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

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

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

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

.b61ab {
  max-width: 500px;
}

.b61ab h3,
.h910542a h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: -0.3px;
}

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

.b61ab p {
  margin: 0;
}

.h910542a {
  display: block;
}

.p9fffc,
.nec58 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.125rem);
}

.oc1d32 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base) ease, text-decoration var(--transition-base) ease;
  display: inline-block;
}

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

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

.e43b p {
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.a727959 {
  padding-top: clamp(2rem, 4vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

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

  .h910542a {
    flex: 1 1 180px;
    min-width: 180px;
  }

  .p9fffc,
  .nec58 {
    flex-direction: column;
  }

  .e8fb {
    flex: 1 1 100%;
    text-align: left;
  }

  .e8fb p {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .gc0 {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .p9fffc,
  .nec58 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
  }

  .oc1d32 {
    display: inline;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jcc {
  flex: 1 1 280px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.c99c0 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-accent-light);
}

.bdc1551 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.mdb02b {
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p68aa {
  flex: 1 1 300px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  transition: all 0.3s ease;
}

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

.d45 {
  width: 100%;
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}

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

.d0c {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.adecdae {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: clamp(0.75rem, 0.8vw, 0.875rem);
  color: var(--color-text-muted);
}

.h9c3686,
.d3e,
.b9588 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.h9c3686 i,
.d3e i,
.b9588 i {
  font-size: clamp(0.75rem, 1vw, 0.95rem);
  color: var(--color-accent-light);
}

.df8a1e5 {
  display: inline-block;
  margin-top: auto;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent-light);
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
}

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

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

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

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

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

.oe8c {
  font-size: clamp(0.9rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fa55 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: 6px;
  overflow: hidden;
}

.pce {
  display: block;
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  font-weight: 500;
  user-select: none;
  transition: all 0.3s ease;
  background: var(--color-bg-tertiary);
  border: none;
  width: 100%;
  text-align: left;
}

.pce:hover {
  background: var(--color-bg-card);
  color: var(--color-accent-light);
}

.fa55[open] > .pce {
  background: var(--color-bg-card);
  border-bottom: 1px solid var(--color-border);
}

.gd2117 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
}

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

@media (max-width: 767px) {
  .lf814 {
    flex-wrap: wrap;
  }

  .j87b9d {
    justify-content: center;
  }

  .p68aa {
    flex: 1 1 100%;
  }

  .idd0ef {
    flex-direction: column;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .idd0ef {
    flex-direction: row;
  }

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

  .j87b9d {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

  .jcc {
    flex: 1 1 calc(33.333% - 1.33rem);
  }

  .j87b9d {
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

  .i0d {
    max-width: 850px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k219 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

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

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

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

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

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

  .pe2b5,
  .be7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.odb {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-left: 4px solid var(--color-accent);
}

.i2c515 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: bold;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

  .pfc {
    flex-direction: column;
  }
}

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

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

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

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

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

.hc152 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: 1rem;
}

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

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

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

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

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

  .b1f19d,
  .a50f1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.m11ce {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-left: 4px solid var(--color-accent);
}

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

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

.c3a4e {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

  .gc5a,
  .gf2b566 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.eb1 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.75rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.eb1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

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

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

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

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

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

.l20 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

  .p546 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

  .b0043155,
  .ecf0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.gae5e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-left: 4px solid var(--color-accent);
}

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

.i582 {
  flex-shrink: 0;
}

.l68 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

  .i582 {
    flex-shrink: 0;
  }
}

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

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

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

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

.fb259a {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: background 0.3s ease, transform 0.2s ease;
  align-self: center;
  text-align: center;
}

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

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

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

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

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

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

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

.f7a {
  position: relative;
  overflow: hidden;
  border-radius: clamp(0.5rem, 2vw, 1.5rem);
  max-height: 400px;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.b27ed9 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(21, 10, 30, 0.7) 0%, rgba(21, 10, 30, 0.5) 100%);
  pointer-events: none;
}

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

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

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

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

.o48 span:last-child {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.d9d5bf {
  position: absolute;
  bottom: clamp(1rem, 3vw, 2.5rem);
  left: clamp(1rem, 4vw, 2rem);
  right: clamp(1rem, 4vw, 2rem);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

.leead2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

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

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

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

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

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

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

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

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

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

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

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

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

.ecfc3e {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.o98 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 1.5rem;
  border-left: 3px solid var(--color-accent);
}

.ia9 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jfd {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 3rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.lede0d {
  flex: 0 0 auto;
  width: clamp(100px, 15vw, 140px);
  height: clamp(100px, 15vw, 140px);
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

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

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

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

.gcf6 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .d9d5bf {
    bottom: clamp(0.75rem, 2vw, 1.5rem);
    left: clamp(0.75rem, 3vw, 1.5rem);
    right: clamp(0.75rem, 3vw, 1.5rem);
  }

  .hf3c781,
  .i885ac8,
  .b02 {
    flex-direction: column;
  }

  .h1b,
  .b4e,
  .k8806,
  .mf437839,
  .i1e2c,
  .i0ec928 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .o2fd39 {
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .j10b915 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }

  .ded {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem));
  }
}

@media (min-width: 1024px) {
  .m13ba {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .c6408da,
  .i714b,
  .f643,
  .df8c7d,
  .a6def7,
  .b8fc148,
  .ec59b {
    padding: clamp(3.5rem, 10vw, 6rem) 0;
  }
}

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

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

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

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

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

.nc2 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

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

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

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

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

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

.ede {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
}

.ia93 {
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.jb2af9c0 {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  min-width: 80px;
}

.g04538 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

.eb7d:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(147, 51, 234, 0.15);
}

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

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

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

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

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

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

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

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

.c51 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: rgba(147, 51, 234, 0.1);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
}

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

.c69141ca {
  flex: 1;
}

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

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

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

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

.lad {
  flex-shrink: 0;
}

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

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

.b86fe7 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
}

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

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

.d5cb8 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

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

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

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

.g46afb60 {
  text-align: center;
}

.e73f {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

@media (max-width: 768px) {
  .m69f,
  .h2e02,
  .a04 {
    flex-direction: column;
  }

  .cefb09,
  .gdad5,
  .nac161c,
  .j9f708,
  .i9add80,
  .g790f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .jb2af9c0 {
    min-width: auto;
  }

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

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

  .lad {
    align-self: center;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h2a0 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.2);
}

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

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

.gf8a {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

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

  .da7,
  .h2a0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.d8fdb0bf img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

.gc366 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}

.f3c {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-accent);
  font-weight: bold;
  font-family: 'Vollkorn', serif;
}

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

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

  .h503cbc2,
  .d8fdb0bf {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.h4a00c8 img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

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

.a85c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}

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

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

  .h4a00c8,
  .lc91 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.i9a img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

.hc7a1b8c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  align-items: center;
  gap: 1rem;
}

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

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

  .l8e042,
  .i9a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.fd533f {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  display: flex;
  align-items: center;
  gap: 1rem;
}

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

.b4ed2 {
  background: rgba(147, 51, 234, 0.15);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

.eace53:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.2);
}

.p664 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

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

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

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

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

.g6263c9 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: color 0.3s ease;
  margin-top: 0.5rem;
}

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

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

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

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

.lc5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin: 0 auto;
  background: rgba(147, 51, 234, 0.1);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-secondary);
}

.l01898c {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

.i9cf {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
  max-width: 700px;
  margin: 0 auto;
  background: rgba(147, 51, 234, 0.08);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
}

.n93425a {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

html, body {
  font-family: 'Lato', sans-serif;
}

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

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

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

.a616 {
  width: 100%;
}

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

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

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

.i32c5 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 600px;
}

.pd3 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  margin: 1rem 0;
}

.fe34 {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.b88f0 {
  text-align: center;
}

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

.o0378a90 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #150a1e;
  margin-bottom: 1rem;
}

.h5e8 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #4a5568;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.j6fdd {
  background: #ffffff;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  box-shadow: 0 2px 8px rgba(147, 51, 234, 0.08);
}

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

.j0b8eb59 {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: #150a1e;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.i465 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #4a5568;
  line-height: 1.6;
}

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

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

.p5cdee2c {
  text-align: center;
}

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

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

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

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

.e78 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  flex: 1 1 clamp(280px, 45%, 350px);
  min-height: auto;
  transition: all 0.3s ease;
}

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

.pa93659 {
  width: 48px;
  height: 48px;
  background: rgba(147, 51, 234, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

.kf79404 {
  background: linear-gradient(135deg, #ede9fe 0%, #f3e8ff 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.m6ca3c {
  text-align: center;
}

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

.m27918c6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: #150a1e;
  margin-bottom: 1rem;
}

.nb6c {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #4a5568;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

.lb0f85 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  margin: 1.5rem auto 0;
}

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

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

.e5304f {
  text-align: center;
}

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

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

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

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

.b536c {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-align: center;
  flex: 1 1 clamp(150px, 40%, 220px);
}

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

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

.i42 {
  width: 100%;
  max-width: 700px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  margin: 1.5rem auto 0;
}

.id2825 {
  background: linear-gradient(135deg, #f3e8ff 0%, #fce7f3 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.gf0c1 {
  max-width: 650px;
  background: #ffffff;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  border-left: 5px solid var(--color-accent);
  box-shadow: 0 4px 12px rgba(147, 51, 234, 0.1);
  text-align: center;
}

.l9531 {
  font-size: clamp(1.1rem, 1.5vw + 0.5rem, 1.4rem);
  color: #150a1e;
  font-style: italic;
  margin-bottom: 1.5rem;
  line-height: 1.7;
}

.i6c15f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

.k5718a {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.lc94 {
  color: var(--color-secondary);
  font-size: 1.25rem;
}

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

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

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

  .c103e5d8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .ea802d9e {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .lc3 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .gf0c1 {
    padding: clamp(2.5rem, 5vw, 3.5rem);
  }
}

@media (min-width: 1024px) {
  .c103e5d8 {
    grid-template-columns: 1fr 1fr 1fr;
  }

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

  .lc3 {
    gap: clamp(2rem, 3vw, 3rem);
    justify-content: space-around;
  }

  .b536c {
    flex: 1 1 auto;
    min-width: 150px;
    max-width: 200px;
  }
}

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

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

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

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

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

.e23565 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
}

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

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

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

.i79994 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k8c3551 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  font-weight: 500;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.ke89d {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: 1.4;
}

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

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

  .o1f065 {
    flex: 1 1 100%;
  }

  .h9d16ca {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

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

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

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

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

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

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

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

.ff7a:hover {
  transform: translateY(-4px);
  background: var(--color-bg-card);
}

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

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

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

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

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

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

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

.c8c3 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

.j6775 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  border-left: 3px solid var(--color-accent);
  transition: all var(--transition-base);
}

.j6775:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);
}

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

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

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

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

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

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

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

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

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

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

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

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

.b671cd {
  flex: 1 1 40%;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.n0fa27e9 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-style: italic;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
}

.n0fa27e9 p {
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .acb0368a {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

.i513b1a {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

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

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

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

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

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

.obb44 {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

.be47ec5 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
  border-top: 3px solid var(--color-accent);
}

.be47ec5:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);
}

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

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

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

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

.g41a5b5 i {
  font-size: 0.75em;
  line-height: 1;
}

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

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

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

@media (min-width: 768px) {
  .fac189d2 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .k3d {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .iabfe06f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b415f0 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .mcc40 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .jdbb5eb4 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .h87a7466 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .fac189d2 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .k3d {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .iabfe06f {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .b415f0 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .mcc40 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .jdbb5eb4 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .h87a7466 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }
}

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

.p4568e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.ae2ddc {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.f2d97 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.125rem);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
}

@media (min-width: 768px) {
  .p4568e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p4568e {
    padding: 5rem var(--spacing-2xl);
  }
}

.ac71f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.n29ad1fe {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .n29ad1fe {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .n29ad1fe {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
    padding: 0;
  }

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

.m28 {
  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%;
}

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

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

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

.b7c7a {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.i407 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.cc9ab8 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.2rem, 1.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.i47 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.3rem, 1rem);
  margin: 0;
  line-height: 1.6;
  font-weight: 400;
  flex: 1;
}

@media (min-width: 768px) {
  .b8e6f3c {
    height: 240px;
  }
}

@media (min-width: 1024px) {
  .b8e6f3c {
    height: 260px;
  }
}

.fb5490 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.c6de18 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.3rem, 2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.bb0ede {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.2rem, 1.1rem);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
  font-weight: 400;
}

.j55f {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

.j55f:active {
  transform: translateY(0);
}

@media (min-width: 768px) {
  .fb5490 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fb5490 {
    padding: 4rem var(--spacing-2xl);
  }
}

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

.kf9d {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.b973ee9e {
  max-width: 600px;
  margin: 0 auto;
}

.je2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.2;
}

.pc5e6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.jd861 {
  padding: var(--spacing-2xl) var(--spacing-md);
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

.g53ab9e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.da89d {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.gb21 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  text-align: left;
  transition: background-color var(--transition-base);
  font-family: var(--font-primary);
}

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

.gb21:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.o8ce4 {
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
  flex: 1;
}

.a120da {
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.da89d[data-open="true"] .a120da {
  transform: rotate(180deg);
}

.k930d {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.da89d[data-open="true"] .k930d {
  max-height: 500px;
}

.o56 {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  font-family: var(--font-primary);
}

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

.e8a15018 {
  background-color: var(--color-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
}

.p7bc28c4 {
  max-width: 600px;
  margin: 0 auto;
}

.p8b5d2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

.a3075117 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
  margin-bottom: var(--spacing-lg);
}

.g68418 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

.g68418:focus-visible {
  outline: 2px solid var(--color-text-on-accent);
  outline-offset: 2px;
}

.j25f {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.gd9 {
  max-width: 1200px;
  margin: 0 auto;
}

.d63c99c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-2xl);
  font-weight: 700;
}

.f9f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.k9a2c43a {
  width: 100%;
  height: 200px;
  object-fit: cover;
  background-color: var(--color-bg-tertiary);
}

.jdeddba5 > :not(.k9a2c43a) {
  padding: var(--spacing-lg) var(--spacing-md);
}

.nbfe9 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

.ld62e {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin-bottom: var(--spacing-md);
  flex-grow: 1;
}

.o3ba {
  display: inline-block;
  color: var(--color-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  border-bottom: 2px solid var(--color-primary);
  transition: border-color var(--transition-base), color var(--transition-base);
}

.o3ba:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

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

@media (min-width: 768px) {
  .kf9d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .o56 {
    padding: 0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);
  }

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

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

  .f9f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .jdeddba5 > :not(.k9a2c43a) {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .kf9d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

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

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

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

.pd6 .e7c5 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pd6 .h353262 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.pd6 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.pd6 .nd28 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.pd6 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

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

.pd6 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.pd6 .l1012d {
  margin-bottom: var(--spacing-2xl);
}

.pd6 .c009ddda {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
}

.pd6 .c009ddda h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.pd6 .c009ddda p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.pd6 .dd4f {
  display: grid;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.pd6 .afd78 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.pd6 .afd78 strong {
  color: var(--color-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
}

.pd6 .afd78 span {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
}

@media (min-width: 768px) {
  .pd6 .e7c5 {
    padding: 0 var(--spacing-lg);
  }

  .pd6 .h353262 {
    padding: var(--spacing-3xl) 0;
  }

  .pd6 .dd4f {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .pd6 .e7c5 {
    padding: 0 var(--spacing-xl);
  }

  .pd6 .h353262 {
    padding: var(--spacing-3xl) 0;
  }
}

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

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

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

.g88ee {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
}

.o3def415 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.h353262 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.laaddaec {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.ce0d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(80px, 20vw, 140px);
  height: clamp(80px, 20vw, 140px);
  color: var(--color-success);
  margin-bottom: var(--spacing-md);
  animation: icon-scale 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ce0d svg {
  width: 100%;
  height: 100%;
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.j09 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-md) 0;
  line-height: 1.5;
}

.ne3 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-lg) 0 var(--spacing-xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.oaebf1 {
  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.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: 0.5px;
  min-height: 48px;
  margin-top: var(--spacing-lg);
}

.pe6c {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.pe6c:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.pe6c:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

@keyframes icon-scale {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 768px) {
  .o3def415 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .ne3 {
    font-size: clamp(0.95rem, 1vw, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .o3def415 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

  .pe6c:hover {
    transform: translateY(-3px);
  }
}

@media (max-width: 480px) {
  .laaddaec {
    gap: var(--spacing-md);
  }

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

  .j09 {
    margin: var(--spacing-sm) 0;
  }

  .ne3 {
    margin: var(--spacing-md) 0 var(--spacing-lg) 0;
  }

  .oaebf1 {
    width: 100%;
    max-width: 400px;
  }
}

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

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

.db8 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow-x: hidden;
}

.hee0e9c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
}

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

.h353262 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.o225d {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-xl);
}

.n56835f {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  width: 100%;
}

.m6b9 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(120px, 40vw, 280px);
  height: clamp(120px, 40vw, 280px);
  background-color: var(--color-bg-secondary);
  border: 3px solid var(--color-border);
  border-radius: var(--radius-2xl);
  animation: float 3s ease-in-out infinite;
}

.n409 {
  font-family: var(--font-heading);
  font-size: clamp(3rem, 12vw, 7rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
}

.ic259 {
  width: clamp(120px, 30vw, 200px);
  height: clamp(80px, 20vw, 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary-light);
  animation: wave 2s ease-in-out infinite;
}

.h11 {
  width: 100%;
  height: 100%;
}

.l80e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

.jbe71 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-bottom: var(--spacing-sm);
}

.m95f80 {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.gae {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-md) 0;
  text-align: left;
}

.c79 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.m2ba93 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin: 0;
  padding: 0;
}

.m2ba93 li {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.m2ba93 li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: 50%;
}

.oaebf1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  gap: var(--spacing-sm);
}

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

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

.pe6c:active {
  transform: translateY(0);
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}

@keyframes wave {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}

@media (min-width: 480px) {
  .hee0e9c {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

  .m2ba93 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }

  .m2ba93 li {
    flex: 1;
    min-width: 140px;
    text-align: center;
    padding-left: 0;
  }

  .m2ba93 li::before {
    display: none;
  }

  .m2ba93 li::after {
    content: "•";
    margin: 0 var(--spacing-sm);
    color: var(--color-primary);
  }

  .m2ba93 li:last-child::after {
    display: none;
  }
}

@media (min-width: 768px) {
  .hee0e9c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

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

  .m95f80 {
    font-size: clamp(1rem, 1.1vw, 1.15rem);
  }

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

  .oaebf1:hover {
    transform: translateY(-3px);
  }
}

@media (min-width: 1024px) {
  .hee0e9c {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

  .m6b9 {
    border-width: 4px;
  }

  .jbe71 {
    font-size: 2.5rem;
  }

  .m95f80 {
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .m6b9,
  .ic259 {
    animation: none;
  }

  .oaebf1 {
    transition: none;
  }

  .pe6c:hover {
    transform: none;
  }
}

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

.b955 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

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

.c42e40f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.i05 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
}

.j62 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.b7161c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .b7161c {
    flex-direction: row;
    gap: var(--spacing-3xl);
    align-items: flex-start;
  }
}

.jd7d73 {
  flex: 1 1 400px;
  min-width: 0;
}

.m03 {
  flex: 1 1 400px;
  min-width: 0;
}

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

.h9d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.l92bb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.d268ea08 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.k4fd {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o976 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.hfc42,
.hf0a {
  width: 100%;
  padding: var(--spacing-md);
  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 + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.hfc42::placeholder,
.hf0a::placeholder {
  color: var(--color-text-muted);
}

.hfc42:focus,
.hf0a:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.hf0a {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.edce {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.edce:active {
  transform: translateY(0);
}

.edce:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.dd19a2b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
  text-align: center;
}

.m761f4e {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

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

.ne4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

.gf9565 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.kcb1e5a4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

.haab01 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  transition: background-color var(--transition-base), color var(--transition-base);
}

.d48:hover .haab01 {
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
}

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

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

.f766f4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  word-break: break-word;
}

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

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

.g2be6 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.g6475 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.7;
}

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

.g82a6f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.oc61 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.l796c {
  padding: var(--spacing-xl) var(--spacing-md);
  text-align: center;
}

.gd0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.c52 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.a5917393 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  align-items: center;
}

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

.b644b {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), color var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

.ff1 {
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border);
}

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

@media (min-width: 480px) {
  .n58 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .l796c {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 768px) {
  .b955 {
    padding: var(--spacing-3xl) 0;
  }

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

  .j62 {
    padding: var(--spacing-3xl) 0;
  }

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

  .oc61 {
    padding: var(--spacing-3xl) 0;
  }

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

@media (min-width: 1024px) {
  .b955 {
    padding: var(--spacing-3xl) 0;
  }

  .n58 {
    padding: var(--spacing-3xl) 0;
  }

  .j62 {
    padding: var(--spacing-3xl) 0;
  }

  .k0b {
    padding: 0;
  }

  .oc61 {
    padding: var(--spacing-3xl) 0;
  }

  .l796c {
    padding: var(--spacing-3xl) 0;
  }
}

@media (max-width: 767px) {
  .hfc42:focus,
  .hf0a:focus {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.i424c,.hd9{width:34px;}
.i424c[aria-expanded="true"]{display:none;}
.h4ae623.i82{z-index:999;}
.h4ae623{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.h4ae623{max-width:100%;}}
.i023{justify-content:flex-end;}

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