@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&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: #c084fc;
  --color-secondary: #a855f7;
  --color-secondary-light: #d8b4fe;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #4a3a5f;
  --color-border-light: #3a2a4f;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'Plus Jakarta Sans', sans-serif;

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

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

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

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

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

html {
  font-size: 17px;
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.3px;
}

h3 {
  font-size: 1.875rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: var(--spacing-md);
}

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

h6 {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--color-text-secondary);
}

p {
  margin-bottom: var(--spacing-md);
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--color-text-primary);
}

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

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

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

.h0516 {
  background: var(--color-primary);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-md);
}

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

.ee504451 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

.k261b3 {
  display: flex;
}

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

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

.kd8 {
  display: flex;
  flex-direction: column;
}

.m325e2 {
  text-align: center;
}

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

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

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

.jbb578 {
  padding: var(--spacing-3xl) 0;
}

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

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

.o1462 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-primary);
  color: var(--color-text-primary);
  border-radius: var(--radius-md);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

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

.jd6e {
  background: var(--color-warning);
}

.le0dda {
  background: var(--color-danger);
}

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

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

li {
  margin-bottom: var(--spacing-sm);
  line-height: 1.8;
}

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

code {
  background: var(--color-bg-tertiary);
  color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9rem;
}

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

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

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .jbb578 {
    padding: var(--spacing-2xl) 0;
  }

  .e2a53c, .j01d90 {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.j8dbc0 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.h996e031:hover {
  opacity: 0.8;
}

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

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

.k5588b3 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  flex: 1;
  justify-content: center;
  margin: 0 auto;
}

.n109 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 0.75rem 1rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

.f1d9f {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 0.75rem 1.75rem;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

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

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

.c97 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 320px;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-lg);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.c97.jc18d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.j0c3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 1.5rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  flex-shrink: 0;
}

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

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

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

.gbeef {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: block;
}

.gbeef:hover {
  color: var(--color-accent);
  background: var(--color-bg-secondary);
  padding-left: 2rem;
}

.d453 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  font-weight: 600;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 1rem 1.5rem;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  text-align: center;
  margin: 1rem;
  border-radius: var(--radius-md);
}

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

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

  .cb6 {
    display: none;
  }

  .c97 {
    display: none;
  }

  .j075 {
    gap: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .n109 {
    padding: 0.75rem 1.25rem;
  }

  .k5588b3 {
    gap: 0.75rem;
  }
}

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

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

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

.p8d3 {
  text-align: center;
}

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

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

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

.ec8d52 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  flex: 0 1 auto;
  min-width: 140px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid var(--color-border-light);
}

.ndd8d81 {
  transform: rotate(-3deg);
}

.oeb42 {
  transform: rotate(2deg);
}

.n5b2dd0b {
  transform: rotate(-2deg);
}

.m62352 {
  transform: rotate(3deg);
}

.ec8d52:hover {
  transform: translateY(-4px) rotate(0deg);
  box-shadow: var(--shadow-md);
}

.ec8d52 i {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
}

.l00 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-primary);
  text-align: center;
  font-weight: 500;
}

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

.f04f7,
.j1b62c6 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

.ad75439 {
  text-align: center;
}

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

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

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

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

.e71e7f {
  display: flex;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  position: relative;
}

.b07c6b {
  flex-direction: row;
}

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

.c40 {
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  border: 3px solid var(--color-bg-secondary);
  z-index: 2;
}

.na790c {
  width: calc(50% - 40px);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
}

.pc9 .na790c {
  border-left: none;
  border-right: 3px solid var(--color-accent);
}

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

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

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

  .c40 {
    left: 8px;
  }

  .b07c6b,
  .pc9 {
    flex-direction: column;
  }

  .na790c {
    width: calc(100% - 40px);
    margin-left: 40px;
    border-left: 3px solid var(--color-accent);
    border-right: none;
  }

  .pc9 .na790c {
    border-left: 3px solid var(--color-accent);
    border-right: none;
  }
}

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

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

.c9980 {
  text-align: center;
}

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

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

.ib0129c7 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}

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

.h47d09:hover {
  background: var(--color-accent);
  transform: translateX(8px);
}

.h47d09 i:first-child {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
  min-width: 24px;
}

.h47d09:hover i:first-child {
  color: var(--color-text-on-accent);
}

.j54 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  flex: 1;
}

.h47d09:hover .j54 {
  color: var(--color-text-on-accent);
}

.h47d09 i:last-child {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-accent);
  margin-left: auto;
}

.h47d09:hover i:last-child {
  color: var(--color-text-on-accent);
}

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

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

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

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

.kf1138d {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  font-style: italic;
  line-height: 1.5;
}

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

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

.l32a {
  text-align: center;
}

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

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

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

.l5dbb7 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 400px;
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

.l5dbb7 i {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-success);
  min-width: 24px;
  margin-top: 2px;
}

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

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

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

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

.ia4a6 {
  text-align: center;
}

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

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

.h5011 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 450px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

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

.i789fbe7 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: flex-start;
  line-height: 1.6;
}

.c52 {
  color: var(--color-danger);
  font-weight: 700;
  min-width: 20px;
  display: inline-flex;
  justify-content: center;
}

.c85791 {
  color: var(--color-success);
  font-weight: 700;
  min-width: 20px;
  display: inline-flex;
  justify-content: center;
}

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

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

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

.e92033a {
  text-align: center;
}

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

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

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

.m22475c5 {
  flex: 1 1 300px;
  max-width: 420px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.b3bc1 {
  flex: 2 1 400px;
  max-width: 600px;
}

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

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

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

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

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

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

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

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

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

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

.j3cd1 {
  text-align: center;
}

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

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

.j473c56 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: clamp(1rem, 3vw, 2rem);
  max-width: 1000px;
  margin: 0 auto;
}

.e2c9 {
  aspect-ratio: 1;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.cdaf {
  width: 100%;
  height: 100%;
  background: var(--color-bg-card);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  cursor: pointer;
}

.cdaf:hover {
  background: var(--color-accent);
  transform: scale(1.05);
}

.cdaf i {
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-accent);
}

.cdaf:hover i {
  color: var(--color-text-on-accent);
}

.k46f0858 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: center;
}

.cdaf:hover .k46f0858 {
  color: var(--color-text-on-accent);
}

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

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

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

.ofbeb {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

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

.o1867730 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: flex-start;
}

.f9333057,
.f8c {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 300px;
}

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

.d8a9a {
  margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
  padding-bottom: clamp(1.5rem, 3vw, 2.25rem);
  border-bottom: 1px solid var(--color-border-light);
}

.d8a9a:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

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

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

.g0ece {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

@media (max-width: 1024px) {
  .f9333057,
  .f8c {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

.m3d03d {
  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);
  z-index: 9999;
  border-top: 1px solid var(--color-border-light);
}

.m3d03d.h12fa4 {
  display: none;
}

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

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

.p6de1d9,
.m58088f {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 640px) {
  .m3d03d {
    flex-direction: column;
    gap: 1rem;
  }

  .n4b15 {
    min-width: 100%;
    text-align: center;
  }

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

  .p6de1d9,
  .m58088f {
    flex: 1;
    min-width: 120px;
  }
}

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

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

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

.h993,
.nb9c,
.b3a19,
.o3a {
  display: block;
}

.h993 h3,
.nb9c h3,
.b3a19 h3,
.o3a h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: -0.5px;
}

.h993 p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o3fe li,
.j311c6 li {
  display: block;
}

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

.nb9c a:hover,
.o3a a:hover {
  color: var(--color-accent);
}

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

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

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

.pf5b9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.g283 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .h993 {
    flex: 1 1 clamp(250px, 25%, 350px);
  }

  .nb9c,
  .b3a19,
  .o3a {
    flex: 1 1 clamp(200px, 20%, 280px);
  }

  .o3fe,
  .j311c6 {
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
  }

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

@media (min-width: 1024px) {
  .la77d {
    gap: clamp(3rem, 6vw, 5rem);
  }

  .h993 {
    flex: 0 1 auto;
  }

  .nb9c,
  .b3a19,
  .o3a {
    flex: 0 1 auto;
  }

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

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

.g1c810 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', sans-serif;
}

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

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

.b8b2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  justify-content: center;
  min-height: 320px;
}

.i4ef75 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border);
  border-radius: 16px;
  padding: clamp(2rem, 5vw, 3.5rem);
  max-width: 600px;
  width: 100%;
  text-align: center;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
}

.i452f {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 1rem 0;
  letter-spacing: -0.5px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.me7b {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-secondary);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
}

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

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

.e9af95 {
  text-align: center;
}

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

.ffd8 {
  font-size: clamp(0.9rem, 2vw + 0.4rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h9678 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 320px;
  max-width: 500px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.h9678:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(147, 51, 234, 0.15);
  border-color: var(--color-accent);
}

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

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

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

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

.g002a8c {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

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

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

.n9977b {
  text-align: center;
}

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

.k441 {
  font-size: clamp(0.9rem, 2vw + 0.4rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p1cf {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: 420px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.m52b2 {
  font-size: 2.5rem;
  color: var(--color-secondary);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(168, 85, 247, 0.1);
  border-radius: 10px;
}

.p78e85 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.g8b22f5e {
  text-align: center;
}

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

.ca6957 {
  font-size: clamp(0.9rem, 2vw + 0.4rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o0a {
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  border: 1px solid var(--color-border-light);
  font-weight: 500;
  transition: all 0.3s ease;
  display: inline-block;
  white-space: nowrap;
}

.o0a:hover {
  background: var(--color-accent);
  color: var(--color-text-primary);
  border-color: var(--color-accent);
  cursor: pointer;
}

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

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

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

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

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

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

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

  .p1cf {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    max-width: 420px;
  }

  .gedd81 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .g0a3 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

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

.a55 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

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

.e076 {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

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

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

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

.o3474 i {
  color: var(--color-primary);
  font-size: 1.1em;
}

.n502bf {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
}

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

@media (max-width: 768px) {
  .d65d7c {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .ba84510f,
  .n502bf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.e09cd4 {
  flex: 1 1 100%;
}

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

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

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

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

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

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

  .df812066 {
    width: 70px;
    height: 70px;
  }
}

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

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

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

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

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

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

.h88 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

.ke426e8b {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 900px;
  margin: clamp(2rem, 4vw, 3rem) auto;
  overflow: hidden;
}

.p4d3be {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 600;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.f26212 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.lf23b893 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  max-width: 900px;
  margin: clamp(2rem, 4vw, 3rem) auto;
  overflow: hidden;
}

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

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

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

.k1bc5 {
  max-width: 900px;
  margin: clamp(2rem, 4vw, 3rem) auto 0 auto;
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 2px solid var(--color-bg-secondary);
}

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

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

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

@media (max-width: 768px) {
  .h88,
  .j259a {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .ab7a,
  .p2d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.o4b {
  text-align: center;
  margin-bottom: clamp(2.5rem, 4vw, 4rem);
}

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

.j9e9bc {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i23d0d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
}

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

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

.h54d6 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  flex-shrink: 0;
}

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

.hd8b5:hover .d5c96 {
  transform: scale(1.05);
}

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

.n38 {
  margin: 0;
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.3rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.ddb2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.85rem);
  margin-top: auto;
}

.n36c {
  display: inline;
}

.mbd02af {
  display: inline;
  opacity: 0.6;
}

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

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

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

@media (max-width: 640px) {
  .mb2 {
    padding: clamp(1.25rem, 3vw, 2rem);
  }

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

  .df812066 {
    width: 70px;
    height: 70px;
    margin: 0 auto;
  }

  .f26212 {
    padding-left: 1.25rem;
  }

  .lf23b893 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

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

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

.i84 {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(147, 51, 234, 0.1);
}

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

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

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

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

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

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

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

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

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

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

  .p6414,
  .n39e76 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.o1e6 {
  flex: 1;
}

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

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

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

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

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

  .jbf6c7b {
    width: 70px;
    height: 70px;
  }
}

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

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

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

.l4fa4 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o60eda4 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

.j801002 {
  font-family: var(--font-heading);
  font-size: clamp(1.4rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.de424d80 {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .eb0eccb7,
  .p3d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.jf0033e {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-xl);
  border: 1px solid var(--color-border);
  margin-top: clamp(2.5rem, 5vw, 4rem);
}

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

.pff5 {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.h93af7ae:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 25px rgba(147, 51, 234, 0.15);
}

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

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

.h93af7ae:hover .m21dea {
  transform: scale(1.05);
}

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

.p061f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.de6a11 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-accent-light);
  text-decoration: none;
  transition: color var(--transition-base);
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.de6a11::after {
  content: '→';
  font-size: 1rem;
  transition: transform var(--transition-base);
}

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

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

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

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

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

  .da0c7 {
    gap: 0.75rem;
  }

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

.had009c {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.h8f7 i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

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

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

  .o3e81,
  .mfa9e7df {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .od9b00 {
    gap: 1rem;
  }
}

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

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

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

.oeef {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

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

.me24f46f:nth-child(even) {
  flex-direction: row-reverse;
}

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

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

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

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

.o65383:last-of-type {
  margin-bottom: 0;
}

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

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

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

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

.id06bfe5 {
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

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

@media (max-width: 768px) {
  .me24f46f,
  .me24f46f:nth-child(even) {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .fb512c,
  .l9c9a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ld876126 {
  display: block;
  width: 100%;
}

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

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

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

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

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

.m6a a {
  color: var(--color-secondary);
  transition: color 0.3s ease;
}

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

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

.k920d0 {
  background: var(--color-bg-secondary);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: 0 8px 24px rgba(147, 51, 234, 0.15);
  overflow: hidden;
}

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

.c6e5c694 {
  flex: 1 1 45%;
  min-width: 0;
}

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

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

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

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

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

.j043b {
  flex: 1 1 45%;
  min-width: 0;
}

.l2f {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1.5vw, 0.75rem);
  display: block;
}

@media (max-width: 768px) {
  .b9f9513 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .c6e5c694,
  .j043b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l2f {
    max-height: 300px;
  }
}

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

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

.def {
  flex-shrink: 0;
}

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

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

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

.a9f {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  font-weight: 700;
}

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

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

.df48a1d1 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
  font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .baf6d9 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .m44,
  .le701 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .l12b {
    max-height: 350px;
  }
}

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

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

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

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

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

.h9ea70 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: clamp(0.5rem, 1.5vw, 0.75rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all 0.3s ease;
}

.h9ea70:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 20px rgba(147, 51, 234, 0.2);
}

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

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

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

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

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

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

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

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

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

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

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

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

.b22 {
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

.b22:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.k4fd650 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 700;
}

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

@media (max-width: 768px) {
  .l45 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .l0c,
  .b01de {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .e55acbf4 {
    max-height: 350px;
  }
}

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

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

.n1f9 {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  color: var(--color-accent);
  line-height: 1;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

.p2fc3 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 700;
}

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

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

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

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

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

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

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

.ad46e4c7 {
  text-align: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

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

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

.k9d96:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 28px rgba(147, 51, 234, 0.2);
}

.p07d {
  width: 100%;
  height: 240px;
  overflow: hidden;
}

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

.k9d96:hover .p07d img {
  transform: scale(1.05);
}

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

.c6b3 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

@media (max-width: 768px) {
  .ld876126 {
    font-size: 16px;
  }

  .p461 {
    padding: 0 clamp(1rem, 3vw, 1.5rem);
  }
}

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

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

.c79 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  overflow-x: hidden;
}

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

section {
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

h1 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

.l1d28 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  text-align: center;
}

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

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

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

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

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

.eaace5 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
  border: 1px solid var(--color-border);
}

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

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

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

.gffeb2 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  margin-bottom: 0.75rem;
  border: 1px solid var(--color-border);
}

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

.b48536 {
  color: var(--color-text-secondary);
  max-width: 750px;
  margin: 0 auto;
}

.k8a08f {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  margin-top: clamp(2rem, 4vw, 3rem);
  position: relative;
}

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

.mc4c73 {
  color: var(--color-accent);
  font-weight: 700;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m45 p {
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}

.l31 {
  flex: 1 1 45%;
  min-width: 250px;
  height: auto;
  border-radius: 10px;
  border: 1px solid var(--color-border);
  object-fit: cover;
}

.mf5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1.5rem;
}

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

.l128 {
  color: var(--color-accent);
  font-size: 1.25rem;
  min-width: 30px;
  margin-top: 0.25rem;
}

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

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

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

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

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

.de9b7a {
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(2rem, 4vw, 3rem);
}

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

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

.ed2 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 700;
}

.n78 {
  flex: 1;
}

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

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

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

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

.h4cd {
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
}

.i73 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-style: italic;
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

.beea3 {
  background: var(--color-bg-primary);
  padding: clamp(2.5rem, 6vw, 5rem) 0;
  border-top: 1px solid var(--color-border);
}

.od432 {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.af2257e {
  color: var(--color-text-muted);
  font-size: 1.25rem;
  min-width: 24px;
  margin-top: 0.125rem;
}

.cebc4ace {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
}

.afdf63 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  line-height: 1.7;
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  border-left: 2px solid var(--color-border);
}

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

  .m45 {
    flex: 1 1 100%;
  }

  .l31 {
    flex: 1 1 100%;
  }

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

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

@media (max-width: 480px) {
  h1 {
    margin-bottom: 1.5rem;
  }

  .c8dc {
    gap: 1.5rem;
  }

  .jf13f {
    padding: 1.25rem;
  }
}

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

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

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

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

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

.ia3ff {
  flex: 1 1 100%;
  min-height: 300px;
  max-height: 500px;
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

@media (min-width: 1024px) {
  .fd77c8da {
    flex: 1 1 45%;
    justify-content: center;
  }
}

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

.ce0cf49 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.dac {
  text-align: center;
}

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

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

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

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

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

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

.j13b {
  text-align: center;
}

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

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

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

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

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

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

.a7d68dba {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

.l26 {
  text-align: center;
}

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

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

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

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

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

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

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

.de3b2 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
}

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

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

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

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

.eece0256 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.ef3::after {
  content: "→";
  display: inline-block;
  transition: transform var(--transition-base);
}

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

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

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

.ob5a0 {
  text-align: center;
}

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

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

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

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

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

.pd0 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.cf950 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  white-space: nowrap;
}

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

.mf2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  white-space: nowrap;
}

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

@media (max-width: 767px) {
  .ia3ff {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

.i78 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.na9f5f {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h22 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.o7ca0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.je89 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.b4c6c3f3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.od391c {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base);
}

.od391c:hover {
  box-shadow: var(--shadow-md);
}

.bf35 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: background-color var(--transition-base);
}

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

.oc3c2c {
  text-align: left;
}

.of0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  color: var(--color-primary);
  margin-left: var(--spacing-sm);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.od391c.jc18d .of0 {
  transform: rotate(45deg);
}

.nd404d1 {
  max-height: 0;
  overflow: hidden;
  background-color: var(--color-bg-card);
  transition: max-height var(--transition-base);
}

.od391c.jc18d .nd404d1 {
  max-height: 500px;
}

.nd404d1 p {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  margin: 0;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.e83309 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.jaf {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.b92aec25 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.mc6b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  cursor: pointer;
  border: none;
}

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

.mfd3aa0 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

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

@media (min-width: 768px) {
  .i78 {
    padding: var(--spacing-2xl) 0;
  }

  .o7ca0 {
    padding: var(--spacing-2xl) 0;
  }

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

  .e83309 {
    padding: var(--spacing-2xl) 0;
  }

  .mfd3aa0 {
    padding: var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .i78 {
    padding: var(--spacing-3xl) 0;
  }

  .o7ca0 {
    padding: var(--spacing-3xl) 0;
  }

  .e83309 {
    padding: var(--spacing-3xl) 0;
  }

  .mfd3aa0 {
    padding: var(--spacing-3xl) 0;
  }

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

  .nd404d1 p {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  }
}

.m395c {
  width: 100%;
}

.g9120 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.hd53c5 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .g9120 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g9120 {
    padding: 5rem var(--spacing-2xl);
  }
}

.gf007 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e0bec04c {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.l2c756 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin: 0;
}

@media (min-width: 768px) {
  .l2c756 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .e0bec04c {
    padding: 4rem var(--spacing-lg);
  }
}

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

  .e0bec04c {
    padding: 5rem var(--spacing-2xl);
  }
}

.c74 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.c74:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.cd1 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.l7b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.4;
}

.ef1405 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.4rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.a0040d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: auto;
}

.l28ba {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  color: var(--color-text-muted);
  display: flex;
  align-items: flex-start;
  padding-left: var(--spacing-sm);
  position: relative;
}

.l28ba::before {
  content: "•";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.p1d0c577 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

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

.cdca2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.3;
}

.h2247 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.4rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
}

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

@media (min-width: 768px) {
  .p1d0c577 {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .p1d0c577 {
    padding: 5rem var(--spacing-2xl);
  }
}

.bdd {
  background-color: var(--color-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.a17b {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.ne84f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.b535c {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.4rem, 1.0625rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.f19b915e {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .bdd {
    padding: 4rem var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .bdd {
    padding: 5rem var(--spacing-2xl);
  }
}

.mc6c2bb {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.m44524 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .mc6c2bb {
    padding: 4rem var(--spacing-lg);
  }

  .m44524 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .mc6c2bb {
    padding: 5rem var(--spacing-2xl);
  }

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

.j0a4ff1 {
  margin: 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

.oedfaa {
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: var(--spacing-md);
  margin: 0;
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  font-weight: 500;
  text-align: center;
}

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

.ad8d0 main {
  width: 100%;
}

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

.ad8d0 .eaf {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.ad8d0 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.ad8d0 .gca0 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ad8d0 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

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

.ad8d0 ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

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

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

.ad8d0 .k8ed {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.ad8d0 .k8ed h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.ad8d0 .k8ed p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.ad8d0 .f90e97 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-lg);
}

.ad8d0 .aa0 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.ad8d0 .aa0 strong {
  display: block;
  color: var(--color-primary);
  margin-bottom: 0.25rem;
  font-weight: 600;
}

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

  .ad8d0 .eaf {
    padding: var(--spacing-3xl) 0;
  }

  .ad8d0 .k8ed {
    padding: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .ad8d0 .p461 {
    padding: 0 var(--spacing-2xl);
  }

  .ad8d0 .eaf {
    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);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
  overflow-x: hidden;
}

.c366d {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.l948a21 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.eaf {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ef841f63 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
}

.hbf296 {
  font-size: clamp(3rem, 12vw, 5rem);
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}

h1 {
  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-top: var(--spacing-sm);
  animation: slideUp 0.7s ease-out 0.1s both;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ff457 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-top: var(--spacing-md);
  line-height: 1.6;
  animation: slideUp 0.7s ease-out 0.2s both;
}

.k01888 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-top: var(--spacing-md);
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  animation: slideUp 0.7s ease-out 0.3s both;
}

.ef690 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-top: var(--spacing-md);
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  animation: slideUp 0.7s ease-out 0.4s both;
}

.l1d28 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  gap: var(--spacing-sm);
  margin-top: var(--spacing-xl);
  animation: slideUp 0.7s ease-out 0.5s both;
}

.h0516 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

@media (min-width: 640px) {
  .l948a21 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .ef841f63 {
    padding: var(--spacing-2xl) var(--spacing-xl);
    gap: var(--spacing-xl);
  }

  h1 {
    margin-top: var(--spacing-md);
  }
}

@media (min-width: 768px) {
  .l948a21 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .ef841f63 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    gap: var(--spacing-2xl);
  }

  .l1d28 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    margin-top: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .l948a21 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ef841f63 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

.n805 {
  background-color: var(--color-bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  overflow: hidden;
}

.odddcc6 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) var(--spacing-md);
  width: 100%;
  overflow: hidden;
}

.p461 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.mdfcdbd {
  text-align: center;
  padding: var(--spacing-lg) 0;
}

.g0a6 {
  margin-bottom: var(--spacing-2xl);
  animation: floatIn 1s ease-out;
}

.nf5 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

.p706 {
  font-size: clamp(5rem, 15vw, 10rem);
  font-family: var(--font-heading);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  margin: 0;
  display: block;
}

.nf539 {
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 0 auto;
}

.ice4 {
  width: 100%;
  height: auto;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
  animation: sway 4s ease-in-out infinite;
}

@keyframes sway {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

@keyframes floatIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.j09d032 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-2xl) 0 var(--spacing-md);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.lab5911 {
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.c907f7b {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-xl) 0;
  animation: slideUp 0.8s ease-out 0.2s both;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.od3 {
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.j9d8 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.j9d8 li {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

.j9d8 li::before {
  content: "";
  position: absolute;
  left: 0;
  opacity: 0.7;
}

.l1d28 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-size: clamp(1rem, 1.2vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: 0.02em;
}

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

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

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

.eb2ed {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1.05rem, 1.3vw, 1.2rem);
  margin: var(--spacing-xl) auto var(--spacing-lg);
  display: inline-block;
  animation: fadeInUp 1s ease-out 0.4s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.j969 {
  font-size: clamp(0.85rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  margin-top: var(--spacing-xl);
  line-height: 1.6;
}

@media (min-width: 640px) {
  .odddcc6 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .mdfcdbd {
    padding: var(--spacing-2xl) 0;
  }

  .g0a6 {
    margin-bottom: var(--spacing-3xl);
  }

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

  .nf539 {
    max-width: 350px;
  }

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

  .j9d8 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-md);
  }

  .j9d8 li:nth-child(odd):last-child {
    grid-column: 1 / -1;
    width: 50%;
    margin: 0 auto;
  }
}

@media (min-width: 1024px) {
  .odddcc6 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

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

  .mdfcdbd {
    padding: var(--spacing-3xl) 0;
  }

  .g0a6 {
    margin-bottom: var(--spacing-3xl);
  }

  .nf539 {
    max-width: 400px;
  }

  .j09d032 {
    font-size: clamp(2rem, 4vw, 2.75rem);
    margin: var(--spacing-2xl) 0 var(--spacing-lg);
  }

  .lab5911 {
    font-size: clamp(1.05rem, 1.5vw, 1.3rem);
    margin: 0 0 var(--spacing-2xl);
  }

  .c907f7b {
    padding: var(--spacing-2xl);
    margin: var(--spacing-2xl) 0;
  }

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

  .j9d8 li:nth-child(odd):last-child {
    grid-column: auto;
    width: auto;
    margin: 0;
  }

  .eb2ed {
    margin: var(--spacing-2xl) auto var(--spacing-xl);
  }
}

@media (min-width: 1440px) {
  .odddcc6 {
    padding: var(--spacing-3xl) 0;
  }

  .mdfcdbd {
    padding: var(--spacing-3xl) 0;
  }
}

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

.aab {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.f17d {
  text-align: center;
}

.l4edbd6a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.hcc65ff {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 700px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .aab {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .aab {
    padding: 5rem 2rem;
  }
}

.i8f01 {
  background-color: var(--color-bg-primary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.md89af6b {
  width: 100%;
}

.oa4807 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

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

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

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

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

.c04397 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.b49 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.c366,
.o1f89d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.c366::placeholder,
.o1f89d::placeholder {
  color: var(--color-text-muted);
}

.c366:focus,
.o1f89d:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.o1f89d {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.p95e6 {
  padding: 1rem;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary-light);
}

.o77bfed1 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.ecb93 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.n67d02 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
}

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

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

.n67d02:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.c32b239 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.n1016 {
  padding: 2rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.eac64b {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
}

.e98b55d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

.k29 {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.75rem;
  align-items: flex-start;
}

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

.hacb45c5 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

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

.g39564f5 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.95vw, 0.9rem);
  font-weight: 600;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 0.25rem 0;
}

.h5748 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
}

.nf9c {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  display: inline-block;
}

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

.i7a59 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 1.5rem 0;
}

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

.i335d4d7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.05vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.i335d4d7::before {
  content: "→";
  opacity: 0;
  transition: opacity var(--transition-fast);
}

.i335d4d7:hover {
  color: var(--color-primary-hover);
}

.i335d4d7:hover::before {
  opacity: 1;
}

@media (min-width: 768px) {
  .i8f01 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .i8f01 {
    padding: 5rem 2rem;
  }
}

.ib20e {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1.5rem;
  overflow: hidden;
}

.n9f0 {
  text-align: center;
}

.naff {
  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 1rem 0;
}

.of01ac0a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 1.5rem 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ec3d {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.1vw, 1.05rem);
  font-weight: 600;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.ec3d:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
  .ib20e {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .ib20e {
    padding: 5rem 2rem;
  }
}

@media (max-width: 767px) {
  .oa4807 {
    gap: 2rem;
  }

  .l33 {
    order: 1;
  }

  .c32b239 {
    order: 2;
  }

  .n1016 {
    padding: 1.5rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.cb6,.hcb{width:34px;}
.cb6[aria-expanded="true"]{display:none;}
.c97.jc18d{z-index:999;}
.c97{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.c97{max-width:100%;}}
.k5588b3{justify-content:flex-end;}