@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Work+Sans:wght@400;500;600;700&display=swap');

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

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

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

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

  --color-border: #3d2f5c;
  --color-border-light: #2d1f4a;

  --font-primary: 'Work Sans', sans-serif;
  --font-heading: 'Crimson Pro', serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

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

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

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.02em;
  --letter-spacing-wider: 0.05em;

  
  --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 {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 2.75rem;
}

h3 {
  font-size: 2.25rem;
}

h4 {
  font-size: 1.875rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
  font-size: 1rem;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-md);
  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);
}

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

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

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

.a89dca0:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.j6695e9b {
  display: flex;
}

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

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

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

.o9ad4 {
  gap: var(--spacing-sm);
}

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

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

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

.e6f0e {
  text-align: center;
}

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

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

.i2c {
  font-size: 0.875rem;
}

.gedb8 {
  font-size: 1.125rem;
}

.n7d7 {
  font-size: 1.25rem;
}

.a78b1b {
  font-weight: 600;
}

.jd7 {
  font-weight: 700;
}

.g8e {
  margin-top: var(--spacing-sm);
}

.a95dd10 {
  margin-top: var(--spacing-md);
}

.f7fa {
  margin-top: var(--spacing-lg);
}

.af014f {
  margin-top: var(--spacing-xl);
}

.cf8f {
  margin-bottom: var(--spacing-sm);
}

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

.p30db133 {
  margin-bottom: var(--spacing-lg);
}

.a354 {
  margin-bottom: var(--spacing-xl);
}

.o883e4 {
  padding-left: var(--spacing-md);
  padding-right: var(--spacing-md);
}

.p7db60 {
  padding-left: var(--spacing-lg);
  padding-right: var(--spacing-lg);
}

.gf07bfd {
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
}

.c0e2 {
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.hd57 {
  display: inline-block;
  background: var(--color-primary-light);
  color: var(--color-bg-primary);
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.e0c442c {
  background: var(--color-success-light);
  color: var(--color-bg-primary);
}

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

.j4d2 {
  background: var(--color-danger-light);
  color: var(--color-bg-primary);
}

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

.ca5a {
  background: var(--color-border-light);
}

.g71 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(21, 10, 30, 0.8);
  z-index: 40;
}

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

  h4 {
    font-size: 1.5rem;
  }

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

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

  .m4e384, .dd75c, .g1469c {
    grid-template-columns: 1fr;
  }
}

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

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

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

.e69bbf67:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

.d2034 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

.d2034:hover {
  opacity: 0.7;
}

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

.md80d {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding: clamp(1rem, 4vw, 2rem);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 999;
  overflow-y: auto;
}

.md80d.ia8 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.d4f4 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

.hc310734 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  padding: 0.75rem 0;
  transition: color var(--transition-base);
}

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

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

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

@media (min-width: 768px) {
  .p135604 {
    min-height: 80px;
  }

  .h614 {
    display: flex;
  }

  .i926f6 {
    display: inline-block;
  }

  .d2034 {
    display: none;
  }

  .md80d {
    display: none;
  }
}

@media (min-width: 1024px) {
  .p135604 {
    min-height: 90px;
  }

  .n454a {
    font-size: 1.5rem;
  }
}

    

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

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

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

.i6ab0 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: var(--transition-base);
  font-family: var(--font-primary);
}

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

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

.h0471 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1.5px solid var(--color-accent);
}

.h0471:hover {
  background: rgba(147, 51, 234, 0.1);
  border-color: var(--color-accent-hover);
}

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

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

.l4e500d {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.d4ec5 {
  width: 100%;
  max-width: 550px;
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  transform: perspective(1200px) rotateY(-2deg) rotateX(3deg);
  margin-bottom: clamp(1.5rem, 4vw, 3rem);
}

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

.l077 {
  text-align: center;
  max-width: 600px;
  z-index: 2;
}

.mae3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
}

.cbc {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.g30943c {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 640px) {
  .g30943c {
    flex-direction: row;
    justify-content: center;
  }
}

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

.pa1 {
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-xl);
  min-width: 140px;
}

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

.ma7ebb {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
}

@media (max-width: 767px) {
  .l4e500d {
    transform: none;
  }

  .d4ec5 {
    transform: none;
  }
}

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

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

.n88 {
  text-align: center;
}

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

.c25 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

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

.n6e81 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-xl);
  overflow: hidden;
  transition: var(--transition-base);
}

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

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

.i610f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0;
  font-weight: 700;
}

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

.c496db {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-top: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .a57 {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: start;
  }

  .c496db {
    margin-top: 0;
    grid-column: 2;
    grid-row: 1 / 3;
  }
}

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

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

@media (min-width: 768px) {
  .ndfb {
    flex-direction: row;
    align-items: stretch;
    gap: clamp(2rem, 4vw, 3rem);
  }
}

.n8d7,
.kd6c {
  flex: 1;
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.n8d7 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
}

.kd6c {
  background: rgba(147, 51, 234, 0.1);
  border: 2px solid var(--color-accent);
}

.k575f70f,
.g48dd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0;
  font-weight: 700;
}

.j22,
.l6ee {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

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

.k3a0dfe {
  text-align: center;
}

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

.i2afd8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  font-weight: 700;
}

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

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

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

.lc0 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
}

.m310 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
}

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

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

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

.k020a {
  text-align: center;
}

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

.fed73a2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
  font-weight: 700;
}

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

@media (min-width: 768px) {
  .l9e {
    flex-direction: row;
    align-items: stretch;
    gap: clamp(2rem, 4vw, 3rem);
  }
}

.k973b8ee {
  flex: 1.2;
}

.m8706e {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  height: 100%;
  transition: var(--transition-base);
  border-radius: var(--radius-xl);
  overflow: hidden;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
}

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

.le6503e {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 16 / 9;
}

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

.k9395 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex: 1;
}

.fca619c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0;
  font-weight: 700;
}

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

.ac1e612 {
  color: var(--color-accent);
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

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

.b83 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  text-decoration: none;
  transition: var(--transition-base);
  align-items: flex-start;
}

.b83:hover {
  background: rgba(147, 51, 234, 0.15);
}

.b115237 {
  flex: 0 0 100px;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 3 / 2;
  min-height: 60px;
}

.f3cf {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.d8f9359 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.2rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-snug);
  margin: 0;
  font-weight: 700;
}

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

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

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

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

.kd6 {
  text-align: center;
}

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

.de8b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

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

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

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

.p371 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(147, 51, 234, 0.2);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.p371:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
}

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

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

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

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

.a4a9 {
  text-align: center;
}

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

.ia752 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
}

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

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

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

@media (min-width: 1024px) {
  .ge6 {
  }
}

.ic76fb {
  flex: 1 1 220px;
  min-height: 200px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-xl);
  text-decoration: none;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
  text-align: center;
  border: 1px solid rgba(147, 51, 234, 0.2);
}

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

.n7c9 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(147, 51, 234, 0.15);
  border-radius: var(--radius-lg);
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw, 2rem);
}

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

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

.c050 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-top: 1px solid rgba(147, 51, 234, 0.3);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
  justify-content: center;
  animation: slideUp 0.4s ease;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.c050.id4 {
  display: none;
}

.l336b {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  text-align: center;
  margin: 0;
  max-width: 500px;
  line-height: var(--line-height-normal);
}

.f8326 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  flex-wrap: wrap;
  justify-content: center;
}

.b44051b,
.k5533a75 {
  padding: 0.625rem 1.25rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  transition: var(--transition-base);
}

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

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

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

.k5533a75:hover {
  background: rgba(147, 51, 234, 0.1);
  border-color: var(--color-accent-hover);
}

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

  .l9e {
    flex-direction: column;
  }

  .b83 {
    flex-direction: column;
  }

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

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

  .c496db {
    grid-column: 1;
    grid-row: auto;
  }

  .ndfb {
    flex-direction: column;
  }

  .c050 {
    padding: 1rem;
    gap: 1rem;
  }

  .f8326 {
    width: 100%;
  }

  .b44051b,
  .k5533a75 {
    flex: 1;
    min-width: 100px;
  }
}

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

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

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

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

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

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

.e7e766f7 {
  display: block;
}

.e7e766f7 h3,
.o5cb74 h3,
.g818a h3,
.md14ec h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
}

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

.o5cb74,
.g818a,
.md14ec {
  display: block;
}

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

.bc74c5 li,
.b64df1bd li {
  display: inline-block;
}

.o5cb74 a,
.md14ec a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o5cb74 a:hover,
.md14ec a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

  .e7e766f7 {
    flex: 1 1 300px;
  }

  .o5cb74,
  .md14ec {
    flex: 0 1 auto;
  }

  .g818a {
    flex: 1 1 250px;
  }

  .ic94 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
    padding-top: clamp(1.5rem, 3vw, 2rem);
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

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

  .bc74c5 li,
  .b64df1bd li {
    display: block;
  }
}

@media (max-width: 480px) {
  .bc74c5,
  .b64df1bd {
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }

  .bc74c5 li,
  .b64df1bd li {
    display: block;
  }
}
    

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

.k98c {
  width: 100%;
}

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

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

.a8746fbf {
  text-align: center;
}

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

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

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

.k446318 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

.k446318:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.k446318.ia8 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

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

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

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

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

.o8f689e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  flex: 1 1 clamp(280px, 100%, 400px);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
}

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

.df6d3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a173 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) 0;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

.c3658 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
}

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

.o4cba07 {
  display: inline-block;
  align-self: flex-start;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

.o8f689e img {
  display: none;
}

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

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

.a38ebf6 {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: var(--shadow-md);
}

.lbc {
  display: flex;
  align-items: center;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.m43f9200 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .h301 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .c10b {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

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

  .o8f689e {
    flex: 1 1 clamp(320px, 45%, 420px);
  }

  .oe94f2 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}

@media (min-width: 1024px) {
  .h301 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

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

  .c10b {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

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

  .o8f689e {
    flex: 1 1 calc(25% - 1.5rem);
    min-width: 320px;
  }

  .oe94f2 {
    padding: clamp(5rem, 12vw, 8rem) 0;
  }

  .a38ebf6 {
    padding: clamp(2rem, 4vw, 3rem);
  }
}

@media (min-width: 1440px) {
  .heaae2 {
    gap: 2rem;
  }

  .o8f689e {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

  .i6f {
    font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin-bottom: clamp(1rem, 2vw, 1.5rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .jf94,
    .jd7a48 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .d9a2 {
    flex: 1;
  }

  .o6afb {
    font-size: clamp(0.75rem, 1vw, 0.8125rem);
    color: var(--color-accent);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
  }

  .k26 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    color: var(--color-text-primary);
    margin-bottom: 0.25rem;
  }

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

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

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

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

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

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

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

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

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

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

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

  .eabd8fe {
    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);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

    .jeac23f0,
    .pea {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .e716348 {
    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);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .fa9de {
    font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
    color: var(--color-accent);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .p55d {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .b86 {
    font-size: clamp(0.8125rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    position: relative;
    line-height: 1.6;
  }

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

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

    .o0a,
    .o18 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

    .p645c,
    .jc782 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

  .j3301 {
    background: var(--color-bg-tertiary);
    padding: clamp(1.25rem, 2vw, 2rem);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    margin: clamp(1.5rem, 2vw, 2rem) 0;
  }

  .lf1195 {
    font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
    color: var(--color-text-primary);
    margin-bottom: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .g9314a7d,
    .o001 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

  .fa5d6531 {
    list-style: none;
    padding: 0;
    margin: clamp(1rem, 2vw, 1.5rem) 0;
  }

  .bba65 {
    font-size: clamp(0.8125rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    padding-left: 1.75rem;
    margin-bottom: 0.75rem;
    position: relative;
    line-height: 1.6;
  }

  .bba65::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--color-success);
    font-weight: bold;
  }

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

    .ba00a2a0,
    .d66 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .p3635c8 {
    max-width: 800px;
  }

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

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

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

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

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

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

  .l15cc {
    font-size: clamp(1.0625rem, 1.5vw, 1.25rem);
    color: var(--color-warning);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .o0a004 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 250px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }

  .o0a004:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(147, 51, 234, 0.2);
  }

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

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

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

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

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

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

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

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

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

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

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

  @media (max-width: 768px) {
    .mf835,
    .h8f55,
    .mfde,
    .oc29,
    .c57258,
    .ff0 {
      padding: clamp(2rem, 5vw, 3rem) 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .o0a004 {
      transition: none;
    }

    .n1e a,
    .k26 a,
    .i1f a,
    .d11 {
      transition: none;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f8e4344,
  .m56ea {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.eac28 {
  flex: 1;
}

.e12977 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
  margin-bottom: 0.25rem;
}

.nbd8b9 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-secondary);
  font-weight: 600;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

  .ce54,
  .iddba {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

  .mb032c,
  .bf1a50 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.o562dc1a {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

.n4f6 {
  list-style: none;
  padding-left: 0;
}

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

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

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

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

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

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

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

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

.d6ac {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  min-width: 250px;
  max-width: calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.d99c2a8 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.ja3:hover .i6bda {
  transform: scale(1.05);
}

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

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

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

.he3d1 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-secondary);
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  transition: var(--transition-base);
  margin-top: 0.5rem;
}

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

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

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

@media (max-width: 768px) {
  .nc22,
  .f298,
  .k4b3fa,
  .p0b8,
  .icc617,
  .l1340,
  .l7d,
  .ce01c,
  .i23cb {
    padding: clamp(2rem, 4vw, 3rem) 0;
  }
}

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

  html, body {
    width: 100%;
  }

  .a50 {
    width: 100%;
    background: var(--color-bg-primary);
    color: var(--color-text-primary);
    font-family: 'Work Sans', sans-serif;
    line-height: 1.6;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b6e79 {
    color: var(--color-text-muted);
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .kba {
    list-style: none;
    margin-bottom: clamp(1.5rem, 2vw, 2rem);
  }

  .c26 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
    padding-left: 1.5rem;
    margin-bottom: 0.75rem;
    position: relative;
    line-height: 1.7;
  }

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

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

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

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

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

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

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

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

  .hc35c157 {
    background: rgba(168, 85, 247, 0.15);
    border-left: 4px solid var(--color-secondary);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: 0.5rem;
    margin-top: clamp(1.5rem, 2vw, 2rem);
  }

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

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

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

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

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

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

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

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

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

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

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

  .a874f {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 200px;
    background: rgba(147, 51, 234, 0.1);
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

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

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

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

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

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

  .d0200b7 {
    text-align: center;
  }

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

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

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

  .ob2d {
    flex: 1 1 calc(25% - 1.125rem);
    min-width: 200px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border);
    border-radius: 0.75rem;
    padding: clamp(1.5rem, 2vw, 2rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
  }

  .ob2d:hover {
    transform: translateY(-4px);
    border-color: var(--color-accent);
    background: rgba(147, 51, 234, 0.1);
  }

  .jd5a69 {
    color: var(--color-text-primary);
    font-size: clamp(1.125rem, 1.5vw, 1.25rem);
    font-weight: 600;
  }

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

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

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

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

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

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

  .lb9 {
    background: rgba(147, 51, 234, 0.08);
    border: 1px solid var(--color-border-light);
    border-radius: 0.75rem;
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

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

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

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

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

  .j5f7:hover {
    transform: translateY(-4px);
    border-color: var(--color-accent);
    background: rgba(147, 51, 234, 0.1);
  }

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

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

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

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

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

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

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

  @media (max-width: 768px) {
    .jb40789,
    .d0188b,
    .a69c,
    .c1be256d,
    .e5604 {
      flex-direction: column;
    }

    .dc85,
    .od895,
    .gb019e,
    .d84,
    .o4e,
    .k244,
    .d38f,
    .a75f,
    .p68a173,
    .pd7a2bc {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

    .e65 {
      align-items: center;
    }

    .a874f {
      flex: 1 1 100%;
    }

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

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

    .cecfd {
      flex-direction: row;
    }

    .ca0588 {
      flex-wrap: wrap;
    }

    .e421154 {
      flex-direction: column;
      align-items: flex-start;
    }
  }

  @media (max-width: 480px) {
    .e421154 {
      gap: 0.75rem;
    }

    .ob2d {
      flex: 1 1 100%;
    }

    .i0a6da0c {
      flex-direction: column;
    }

    .a874f {
      flex: 1 1 100%;
    }

    .kb4ad {
      flex-direction: column;
    }
  }

  @media (min-width: 1024px) {
    .jddbf8,
    .o026d4,
    .j0d36,
    .k84,
    .hfd89a8 {
      padding: clamp(4rem, 10vw, 7rem) 0;
    }
  }

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

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

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

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

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

a {
  text-decoration: none;
}

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

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

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

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

.k68 a {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-fast);
}

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

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

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

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

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

.n4ef7e7f {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.d2893d {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 clamp(1.5rem, 2vw, 2rem) 0;
}

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

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

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

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

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

  .p0b41,
  .e28 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.h1cc a {
  color: var(--color-accent);
  transition: color var(--transition-fast);
}

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

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

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

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

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

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

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

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

.oe86 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .ic61decd,
  .p94e5 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.idbdc {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

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

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

  .c1f555,
  .o86106 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.a308a05 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

.p16 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.25rem;
  flex-shrink: 0;
  min-width: 32px;
  min-height: 32px;
}

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

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

  .n22b6,
  .cd3d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lcd {
    max-height: 300px;
  }

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

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

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

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

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

.k796 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

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

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

  .gbb,
  .je26 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.i4cd {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  text-align: center;
}

.h4b923d {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: clamp(1.5rem, 2vw, 2rem);
}

.i23947 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

.m82a50 {
  color: var(--color-text-primary);
  font-size: clamp(1.0625rem, 1.5vw, 1.1875rem);
  font-weight: 600;
  margin: 0;
}

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

@media (max-width: 768px) {
  .h4b923d {
    grid-template-columns: 1fr;
  }
}

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

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

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

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

.n47561 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .hce,
  .l876 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.h5f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0 0 clamp(0.5rem, 1vw, 1rem) 0;
  text-align: center;
}

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

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

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

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

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

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

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

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

.c75c007 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  margin: 0;
  text-align: center;
}

.c9e4e45 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

.i5f a {
  color: var(--color-text-primary);
  transition: color var(--transition-fast);
}

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

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

@media (max-width: 768px) {
  .c9e4e45 {
    grid-template-columns: 1fr;
  }
}

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

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

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

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

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

.mff33e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.d2362c {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 700px;
}

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

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

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

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

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

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

.gf22e2a7 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-relaxed);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p2b74e7 {
  flex: 1 1 clamp(200px, 40%, 280px);
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.ge02f {
  flex: 1 1 clamp(280px, 50%, 600px);
}

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

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

.nc199 {
  flex: 1 1 clamp(280px, 50%, 500px);
  max-height: 350px;
}

.j817 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

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

.la6cfcd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
  margin: 0 auto;
}

.a547 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
}

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

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

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

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

  .ge02f,
  .nc199 {
    flex: 1 1 100%;
  }

  .n3a6cc {
    flex: 1 1 100%;
  }

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

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

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

@media (min-width: 1024px) {
  .n3a6cc {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

  .p2b74e7 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

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

.md1b0 {
  flex: 1 1 100%;
  min-height: 300px;
}

@media (min-width: 1024px) {
  .md1b0 {
    flex: 1 1 45%;
    min-height: 400px;
    max-height: 500px;
  }
}

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

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

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

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

.nc8a2dd {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

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

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

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

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

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

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

.cb8cc {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

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

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

@media (min-width: 1024px) {
  .lc1 {
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

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

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

.efe21bf2 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.aafb9 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

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

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

@media (min-width: 1024px) {
  .l4a56bba {
    flex-direction: row;
    gap: clamp(2rem, 3vw, 2.5rem);
  }
}

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

.m54cd {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.d1d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

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

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

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

.adb9d {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.dc5 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 500;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oe28851 {
  color: var(--color-accent);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  flex-shrink: 0;
  margin-left: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

.g751 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.p477 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.h453eb0 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.fe85bf {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 700;
}

.h83b8c3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 400;
}

.jcf {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a3eb {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

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

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

.c0718fdd {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

.jbccf21a {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
}

.f68b1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 700;
}

.dba2b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 400;
}

.h9191 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.led {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 700;
}

.e32 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 400;
}

.p5e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

.p5e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

@media (min-width: 640px) {
  .p477 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .e9a6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .g5c6 {
    height: 250px;
  }

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

@media (min-width: 1024px) {
  .p477 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .jcf {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .e9a6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .a4c4 {
    display: grid;
    grid-template-rows: auto 1fr;
  }

  .g5c6 {
    height: 280px;
  }

  .h9191 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .a4c4:hover {
    transform: translateY(-6px);
  }
}

@media (min-width: 1440px) {
  .a3eb {
    max-width: 1320px;
  }

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

.j7cbf {
  width: 100%;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.n6fd2943 {
  position: relative;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.e943 {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 600px;
}

.f031bfe1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

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

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

@media (min-width: 768px) {
  .n6fd2943 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    min-height: 350px;
  }
}

@media (min-width: 1024px) {
  .n6fd2943 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 400px;
  }
}

.l3dd {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.dbf {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .dbf {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .dbf {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .l3dd {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.jbd58f {
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.n48c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
}

.j2d4e {
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.b9c {
  align-self: flex-start;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 600;
  transition: all var(--transition-base);
  border: 1px solid var(--color-accent);
  cursor: pointer;
  display: inline-block;
}

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

.bb895e {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

.b8ca {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 600px;
}

.lc2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.o7e7 {
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.lbba808 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  cursor: pointer;
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .bb895e {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 350px;
  }
}

@media (min-width: 1024px) {
  .bb895e {
    padding: var(--spacing-4xl) var(--spacing-2xl);
    min-height: 400px;
  }
}

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

.e5e main {
  width: 100%;
}

.e5e .obb9 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e5e .m8cf7 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.e5e 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: var(--line-height-tight);
  font-weight: 700;
}

.e5e .p957 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.e5e h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
  font-weight: 700;
}

.e5e p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.e5e ul {
  list-style-position: inside;
  margin-left: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.e5e li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.e5e .k8ab {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-3xl);
}

.e5e .k8ab h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.e5e .k8ab p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.e5e .l94 {
  margin-top: var(--spacing-lg);
}

.e5e .l94 p {
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

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

.k314e6a1 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.o452e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

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

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

.m8cf7 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.l2183 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  animation: fadeInScale 0.8s ease-out;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.d91 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .d91 {
    margin-bottom: var(--spacing-2xl);
  }
}

.o8290d3 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.f08eb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

@media (min-width: 768px) {
  .f08eb {
    margin-bottom: var(--spacing-lg);
  }
}

.f1edce {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-snug);
}

@media (min-width: 768px) {
  .f1edce {
    margin-bottom: var(--spacing-lg);
  }
}

.ab1fa383 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

@media (min-width: 768px) {
  .ab1fa383 {
    margin-bottom: var(--spacing-lg);
  }
}

.j1da {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

@media (min-width: 768px) {
  .j1da {
    margin-bottom: var(--spacing-3xl);
  }
}

.j56 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: var(--letter-spacing-normal);
  box-shadow: var(--shadow-md);
  text-align: center;
  white-space: nowrap;
}

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

.j56:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .j56 {
    padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(2rem, 5vw, 3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .l2183 {
    animation: none;
  }
  
  .o8290d3 {
    animation: none;
  }
  
  .j56 {
    transition: none;
  }
  
  .j56:hover {
    transform: none;
  }
  
  .j56:active {
    transform: none;
  }
}

@media (max-width: 480px) {
  .o452e {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .l2183 {
    width: 100%;
  }
}

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

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

.k681 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.daa482 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.ode656 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.leaf {
  position: relative;
  display: inline-block;
}

.l3e4d1a0 {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-wide);
  line-height: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.lc830479 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.1;
  z-index: 1;
  animation: pulse-glow 3s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.1;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.15;
  }
}

.b5160020 {
  margin-bottom: var(--spacing-2xl);
}

.l0bc5b2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-snug);
}

.oa143c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
  letter-spacing: var(--letter-spacing-normal);
}

.b071 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
  font-style: italic;
}

.j35 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: var(--spacing-md);
}

.i6ab0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  text-transform: none;
  white-space: nowrap;
}

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

.oe950:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

.f6b7 {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.d03b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  letter-spacing: var(--letter-spacing-normal);
}

@media (min-width: 480px) {
  .daa482 {
    padding: var(--spacing-xl);
  }

  .l3e4d1a0 {
    font-size: clamp(4.5rem, 12vw, 8rem);
  }

  .l0bc5b2 {
    margin-bottom: var(--spacing-lg);
  }

  .oa143c {
    margin-bottom: var(--spacing-lg);
  }
}

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

  .ode656 {
    margin-bottom: var(--spacing-3xl);
  }

  .l3e4d1a0 {
    font-size: clamp(5rem, 12vw, 8rem);
  }

  .lc830479 {
    width: clamp(250px, 55vw, 450px);
    height: clamp(250px, 55vw, 450px);
  }

  .l0bc5b2 {
    font-size: clamp(2rem, 4vw, 2.5rem);
    margin-bottom: var(--spacing-lg);
  }

  .oa143c {
    font-size: clamp(1rem, 1.05vw + 0.5rem, 1.1rem);
    margin-bottom: var(--spacing-lg);
  }

  .b071 {
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  }

  .b5160020 {
    margin-bottom: var(--spacing-3xl);
  }

  .j35 {
    margin-bottom: var(--spacing-3xl);
  }

  .i6ab0 {
    padding: var(--spacing-md) var(--spacing-xl);
    font-size: clamp(1rem, 1.05vw, 1.15rem);
  }
}

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

  .l3e4d1a0 {
    font-size: clamp(5.5rem, 12vw, 8rem);
  }

  .lc830479 {
    width: clamp(300px, 60vw, 500px);
    height: clamp(300px, 60vw, 500px);
  }

  .l0bc5b2 {
    font-size: clamp(2.25rem, 4vw, 2.75rem);
  }

  .b5160020 {
    margin-bottom: var(--spacing-3xl);
  }

  .j35 {
    margin-bottom: var(--spacing-3xl);
    gap: var(--spacing-lg);
  }

  .i6ab0 {
    padding: var(--spacing-md) var(--spacing-2xl);
    font-size: clamp(1.05rem, 1.1vw, 1.2rem);
  }
}

@media (min-width: 1440px) {
  .daa482 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

  .obb9 {
    padding: 0;
  }

  .l3e4d1a0 {
    font-size: 8rem;
  }

  .l0bc5b2 {
    font-size: 2.75rem;
  }

  .oa143c {
    font-size: 1.1rem;
  }

  .i6ab0 {
    font-size: 1.2rem;
  }
}

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

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

.d928ec7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.fa85c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.g21bcd7 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
}

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

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

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

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

.f964 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

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

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

@media (min-width: 768px) {
  .f964 {
    gap: var(--spacing-4xl);
  }

  .k4625 {
    flex: 1 1 45%;
    min-width: 350px;
  }

  .n61 {
    flex: 1 1 45%;
    min-width: 350px;
  }
}

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

  .f964 {
    gap: 5rem;
  }

  .k4625 {
    flex: 1 1 40%;
  }

  .n61 {
    flex: 1 1 40%;
  }
}

.ab4e8c7 {
  margin-bottom: var(--spacing-2xl);
}

.d4b20a {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

.bc2eca {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.f11 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.pb0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.g5b5bd0 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

.a23,
.f2c86 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

.a23:focus,
.f2c86:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
  background-color: var(--color-bg-tertiary);
}

.a23:hover,
.f2c86:hover {
  border-color: var(--color-primary-light);
}

.f2c86 {
  min-height: 140px;
  resize: vertical;
}

.m570 {
  display: flex;
  align-items: center;
  margin: var(--spacing-sm) 0;
}

.a813b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.e8391f2c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.f89d8b9b {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.f89d8b9b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.f89d8b9b:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.nf63fe {
  margin-bottom: var(--spacing-2xl);
}

.n71fba7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: var(--letter-spacing-tight);
}

.d4dc04f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
}

.he6c37 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-3xl);
}

.n3f {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.lc2f09 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  font-size: 1.5rem;
}

.c665c2f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  flex: 1;
}

.fba4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  margin: 0;
}

.i4e1 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.m00ea16 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.ea8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.dad01 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.d865 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.k60a9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.n81c58e2 {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.n81c58e2:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

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

.m76a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  text-align: center;
  letter-spacing: var(--letter-spacing-tight);
}

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

@media (min-width: 768px) {
  .j947558 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
}

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

  .m76a {
    margin-bottom: var(--spacing-3xl);
  }
}

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

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

.gcd96c3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: var(--letter-spacing-tight);
}

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

.cd3 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

@media (max-width: 767px) {
  .a4a451 {
    padding: var(--spacing-2xl) 0;
  }

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

  .k4625,
  .n61 {
    flex: 1 1 100%;
  }

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

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));}
.d2034,.hdfbd06{width:34px;}
.d2034[aria-expanded="true"]{display:none;}
.md80d.ia8{z-index:999;}
.md80d{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.md80d{max-width:100%;}}
.h614{justify-content:flex-end;}