@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700&family=Red+Hat+Text:wght@400;500;600;700&display=swap');

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #faf5ff;
  --color-bg-tertiary: #f3e8ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #656c79;
  --color-text-muted: #636c97;

  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-primary-light: #ede9fe;
  --color-secondary: #8b5cf6;
  --color-secondary-light: #f5f3ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Red Hat Text', sans-serif;
  --font-heading: 'Red Hat Display', sans-serif;

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

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

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

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

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;

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

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

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

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

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

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

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

h1 {
  font-size: var(--font-size-5xl);
  font-weight: 700;
}

h2 {
  font-size: var(--font-size-4xl);
  font-weight: 700;
}

h3 {
  font-size: var(--font-size-3xl);
  font-weight: 600;
}

h4 {
  font-size: var(--font-size-2xl);
  font-weight: 600;
}

h5 {
  font-size: var(--font-size-xl);
  font-weight: 600;
}

h6 {
  font-size: var(--font-size-lg);
  font-weight: 600;
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  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);
  text-decoration: underline;
}

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

.k5b48 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-base);
  font-weight: 500;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-decoration: none;
  gap: var(--spacing-sm);
}

.ja6bd8 {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

.ja6bd8:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

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

.j30:hover {
  background: var(--color-primary);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.ia40e {
  padding: var(--spacing-xs) var(--spacing-md);
  font-size: var(--font-size-sm);
}

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

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

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

.d955d5 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-sm);
  font-weight: 500;
}

.p40 {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

.p0b2e5e {
  border: 1px solid var(--color-border);
}

.d2e {
  border-top: 1px solid var(--color-border);
}

.efe {
  border-bottom: 1px solid var(--color-border);
}

.nfe8b {
  border-radius: var(--radius-md);
}

.k29e449 {
  border-radius: var(--radius-lg);
}

.bee76 {
  border-radius: var(--radius-xl);
}

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

.ce23 {
  box-shadow: var(--shadow-sm);
}

.fd4f0caa {
  box-shadow: var(--shadow-lg);
}

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

  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-3xl);
  }

  h3 {
    font-size: var(--font-size-2xl);
  }
}

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

  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

  .k5b48 {
    width: 100%;
  }

  .d7d {
    padding: var(--spacing-lg);
  }
}
.m9e81d {
    background: var(--color-bg-primary);
    border-bottom: 1px solid var(--color-border-light);
    position: static;
    z-index: 100;
    width: 100%;
  }

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

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

  .a895:hover {
    opacity: 0.85;
  }

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

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

  .l0b25 {
    display: none;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 2rem);
    flex: 1;
    margin: 0 2rem;
  }

  .k601f069 {
    font-family: var(--font-primary);
    font-size: clamp(0.875rem, 1vw, 1rem);
    color: var(--color-text-secondary);
    text-decoration: none;
    font-weight: 500;
    transition: color var(--transition-fast);
    white-space: nowrap;
  }

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

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

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

  .hfa {
    display: flex;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    flex-shrink: 0;
    transition: opacity var(--transition-fast);
  }

  .hfa:hover {
    opacity: 0.7;
  }

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

  .hfa.ea0f .g589b9c3:nth-child(1) {
    transform: rotate(45deg) translate(10px, 10px);
  }

  .hfa.ea0f .g589b9c3:nth-child(2) {
    opacity: 0;
  }

  .hfa.ea0f .g589b9c3:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
  }

  .f0f300 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-bg-primary);
    padding-top: 4rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all var(--transition-base);
    z-index: 99;
    overflow-y: auto;
  }

  .f0f300.ea0f {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

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

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

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

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

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

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

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

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

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

    .e96 {
      display: inline-block;
    }

    .hfa {
      display: none;
    }

    .f0f300 {
      display: none;
    }
  }

  @media (max-width: 767px) {
    .pdd3fed {
      height: 3.5rem;
    }

    .n67ed {
      width: 36px;
      height: 36px;
    }
  }

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

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

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

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

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

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

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

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

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

.e86eff1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

.g2f87f6a {
  flex: 1 1 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.d4b8 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 40px rgba(124, 58, 237, 0.15);
  transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);
}

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

  .oec {
    flex: 1 1 100%;
  }

  .g2f87f6a {
    flex: 1 1 100%;
  }

  .d4b8 {
    max-height: 350px;
  }

  .e86eff1 {
    flex-direction: column;
  }

  .eabebc,
  .icd49 {
    width: 100%;
    text-align: center;
  }
}

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

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

.i9eb0 {
  text-align: center;
}

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

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

.b202 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  border-bottom: 2px solid transparent;
  transition: all var(--transition-base);
}

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

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

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

.ke710d {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.h4b18e {
  text-align: center;
}

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

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

.a715 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 3vw, 2.5rem);
}

.cb10f1d {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

.e11cda {
  text-align: center;
}

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

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

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

.g26d1 {
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all var(--transition-base);
  text-align: center;
}

.g26d1:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(124, 58, 237, 0.12);
}

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

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

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

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

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

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

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

.e70 {
  text-align: center;
}

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

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

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

.bd08ca6a {
  flex: 1 1 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  transition: all var(--transition-base);
}

.bd08ca6a:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(124, 58, 237, 0.15);
}

.lbd {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

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

.bd08ca6a:hover .ma6e {
  transform: scale(1.05);
}

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

.k05 {
  font-size: clamp(1.125rem, 1.8vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

.g138f2d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

.b97 {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.75rem, 3vw, 2.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  display: inline-block;
  transition: all var(--transition-base);
}

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

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

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

.d50f3 {
  text-align: center;
}

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

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

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

.fc21 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.g802 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all var(--transition-base);
  list-style: none;
}

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

.g802::marker {
  content: '';
}

.fc21[open] .g802 {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
}

.fc21 details summary::-webkit-details-marker {
  display: none;
}

.g802::after {
  content: '+';
  font-size: 1.5rem;
  color: var(--color-accent);
  transition: transform var(--transition-base);
}

.fc21[open] .g802::after {
  transform: rotate(45deg);
}

.h4a9bc {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
  margin: 0;
  border-top: 1px solid var(--color-border-light);
}

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

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

.e4e {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.1);
}

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

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

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

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

.i4bcb31 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-text-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.1);
}

.i4bcb31.e081 {
  display: none;
}

.iead5 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  max-width: 500px;
  text-align: center;
}

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

.cf3,
.f4d {
  padding: clamp(0.625rem, 1vw, 0.75rem) clamp(1.25rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 1rem);
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

.f4d {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.f4d:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffffff;
}

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

  .iead5 {
    width: 100%;
  }

  .b6bd4 {
    width: 100%;
  }

  .cf3,
  .f4d {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.gde9c {
  display: block;
}

.gde9c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o037 {
  display: block;
}

.o037 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m99ad3 li {
  display: inline;
}

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

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

.p5f31 {
  display: block;
}

.p5f31 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.jd6fb7 {
  display: block;
}

.jd6fb7 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d868b91 li {
  display: inline;
}

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

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

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

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

.hdde {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: var(--line-height-snug);
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .gde9c {
    flex: 1 1 250px;
    min-width: 250px;
  }

  .o037 {
    flex: 1 1 150px;
    min-width: 150px;
  }

  .p5f31 {
    flex: 1 1 200px;
    min-width: 200px;
  }

  .jd6fb7 {
    flex: 1 1 150px;
    min-width: 150px;
  }

  .b5d15 {
    flex: 1 1 100%;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

@media (min-width: 1024px) {
  .mb9a984 {
    flex-direction: row;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .gde9c {
    flex: 1.2 1 280px;
  }

  .o037 {
    flex: 0.8 1 140px;
  }

  .p5f31 {
    flex: 0.9 1 180px;
  }

  .jd6fb7 {
    flex: 0.8 1 140px;
  }

  .b5d15 {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
  }
}
    

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

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

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

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

.adc73c {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.f750 {
  color: var(--color-text-on-accent);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

.m8ba8017 {
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  opacity: 0.95;
  margin: 0;
}

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

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

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

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

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

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

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

.e536 {
  flex: 1 1 100%;
  max-width: 600px;
}

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

.e2b56b {
  flex: 1 1 280px;
}

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

.g74 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

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

.aad,
.b4f2f,
.ld8cfd6 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.aad i,
.b4f2f i,
.ld8cfd6 i {
  color: var(--color-primary);
  font-size: 0.9em;
}

.c1496b0 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base) ease;
  width: fit-content;
  margin-top: auto;
}

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

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

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

.cd13 {
  position: relative;
  max-width: 850px;
  margin: 0 auto;
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.j13a031,
.l07550 {
  color: var(--color-primary);
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1;
  opacity: 0.3;
}

.j13a031 {
  display: block;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.l07550 {
  display: block;
  text-align: right;
  margin-top: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(1rem, 1.5vw, 1.5rem);
}

.j62b7 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.25vw + 0.5rem, 1.1875rem);
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin: 0;
  font-style: italic;
}

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

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

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

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

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

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

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

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

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

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

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

.e77b {
  display: block;
}

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

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

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

.h28 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 90%;
}

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

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

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

.j19f535 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

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

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

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

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

.l81b52d0 {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.8125rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0;
}

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

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

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

.d3ed3f {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

.l94 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  margin: 0.5rem 0 0 0;
  line-height: var(--line-height-normal);
  max-width: 600px;
}

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

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

.e68cd {
  flex: 1 1 65%;
  max-width: 65%;
}

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

.b92 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: var(--line-height-snug);
  margin: 0;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.b92:first-child {
  margin-top: 0;
}

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

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

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

.i023286f {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  display: block;
  margin: clamp(1rem, 3vw, 2rem) 0;
}

.c9f1 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
}

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

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

.dd16ab2e {
  flex: 1 1 35%;
  max-width: 35%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .p6a1 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .ne00fb5 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .g381 {
    width: 64px;
    height: 64px;
  }

  .mf71 {
    flex-direction: column;
  }

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

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

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

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

  .j19f535 {
    font-size: 0.75rem;
    gap: 0.25rem;
  }

  .h334402 {
    flex: 1 1 100%;
  }

  .e16d89f {
    font-size: 0.8125rem;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kae386 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  max-width: 90%;
  line-height: 1.1;
}

.j3031da {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.25rem);
  max-width: 85%;
  line-height: 1.6;
}

.c97fdad {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: 0.5rem;
}

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

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

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

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

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

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

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

.e04d4 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  margin: 0;
}

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

.e04d4 a:hover {
  text-decoration: underline;
}

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

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

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

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

.a64a {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  max-width: 900px;
}

.hf71c {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  line-height: 1.2;
  margin-top: 0.5rem;
}

.ac73efdc {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.2vw, 1.125rem);
  line-height: 1.8;
}

.a0f2 {
  width: 100%;
  margin: clamp(1rem, 2vw, 2rem) 0;
}

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

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

.a43c2 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

.m7a05 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.ffa31877::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.1em;
}

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

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

.mfd7e1 {
  max-width: 900px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(124, 58, 237, 0.2);
}

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

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

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

.j9b0a {
  background: var(--color-bg-primary);
  padding: clamp(3rem, 6vw, 5rem) 0;
  overflow: hidden;
  border-top: 1px solid rgba(124, 58, 237, 0.1);
}

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

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

.jeee {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  text-align: center;
}

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

.mfde8 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  min-width: 280px;
  max-width: 380px;
}

.a63e5 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  height: 100%;
  color: inherit;
}

.a63e5:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  text-decoration: none;
}

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

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

.p3da {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

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

  .j3031da {
    max-width: 100%;
  }

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

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

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

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

  .p702 {
    font-size: 0.8125rem;
  }
}

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

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

  .a64a {
    max-width: 100%;
  }

  .g52f92d {
    max-width: 100%;
  }

  .e11fea {
    gap: 0.15rem;
  }
}

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

html, body {
  width: 100%;
}

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.b354fa a:hover {
  text-decoration: underline;
}

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

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

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

.f3f {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 800px;
}

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

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

.c4263 i {
  color: var(--color-accent);
  width: 16px;
}

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

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

.p0f {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  flex: 1 1 100%;
}

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

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

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

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

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

.i26950d a:hover {
  text-decoration: underline;
}

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

.g9b724d1 {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

.f974a64 {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  position: sticky;
  top: clamp(1rem, 2vw, 2rem);
}

.bbf {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-accent);
}

.i486 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
}

.i486:nth-child(odd) {
  flex-direction: row-reverse;
}

.m668 {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.l02e {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

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

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

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

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

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

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

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

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

.n9a33 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.n9a33 h2 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

.i2051a7 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.i2051a7:hover {
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.1);
  transform: translateY(-2px);
}

.f2db5e6 {
  width: 100%;
  height: 160px;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

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

.e228128 a {
  color: var(--color-accent);
  text-decoration: none;
}

.e228128 a:hover {
  text-decoration: underline;
}

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

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

  .g9b724d1 {
    flex: 1 1 100%;
  }

  .f974a64 {
    flex: 1 1 100%;
    position: static;
  }

  .i486 {
    flex-direction: column;
  }

  .i486:nth-child(odd) {
    flex-direction: column;
  }

  .m668,
  .l02e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .b4b478 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }

  .f7fc1f {
    font-size: clamp(1.5rem, 4vw, 2.25rem);
  }

  .f3f {
    font-size: clamp(0.875rem, 2vw + 0.5rem, 1rem);
  }

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

  .b354fa {
    font-size: 0.75rem;
  }

  .ce2d {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

  .fde01f {
    width: 60px;
    height: 60px;
    margin: 0 auto;
  }

  .fcc {
    align-items: center;
  }

  .m4e2888 {
    max-height: 250px;
  }

  .e6d {
    flex-direction: column;
    border-left: 4px solid var(--color-accent);
  }

  .o9e {
    font-size: 1.25rem;
  }
}

@media (max-width: 480px) {
  .b0f629 {
    padding: 0 clamp(0.75rem, 3vw, 1rem);
  }

  .f7fc1f {
    font-size: 1.5rem;
  }

  .f3f {
    font-size: 0.875rem;
  }

  .d6e52 {
    font-size: 1.25rem;
  }

  .b354fa {
    font-size: 0.7rem;
    gap: 0.25rem;
  }

  .oa29f {
    gap: 0.75rem;
  }

  .c4263 {
    font-size: 0.75rem;
  }

  .p0f {
    gap: 0.75rem;
    padding: 1rem;
  }

  .fde01f {
    width: 50px;
    height: 50px;
  }

  .bc517 {
    font-size: 0.7rem;
  }

  .i26950d {
    font-size: 0.875rem;
  }

  .jf4cafa {
    font-size: 0.75rem;
  }

  .g9b724d1 {
    gap: 0.75rem;
  }

  .g9b724d1 p {
    font-size: 0.875rem;
  }

  .m668 p {
    font-size: 0.875rem;
  }

  .f974a64 {
    gap: 1rem;
  }

  .f2db5e6 {
    height: 120px;
  }

  .e228128 {
    font-size: 0.875rem;
  }

  .h513 {
    font-size: 0.75rem;
  }

  .i486 {
    gap: 1rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
  }

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

  .n9a33 {
    gap: 0.75rem;
    padding: 1rem;
  }

  .i2051a7 {
    gap: 0.75rem;
    padding: 1rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.i3c9c022 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

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

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

.cb2b8a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
}

.n28 {
  display: inline-block;
}

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

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

.dc9e44 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

.k7767c13 a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

.i5dc7c1e {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

.f23a {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

.l9012 {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

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

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

.bb0 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  font-weight: 500;
}

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

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

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

.m96576 {
  max-width: 900px;
  margin: 0 auto;
  background: #fef3c7;
  border-left: 4px solid #f59e0b;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
}

.m96576 i {
  color: #f59e0b;
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

.n5b17 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #78350f;
  line-height: 1.6;
  margin: 0;
}

.n5b17 strong {
  font-weight: 700;
  color: #92400e;
}

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

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

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

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

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

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

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

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

.e08b051f {
  width: 100%;
  height: auto;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

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

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

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

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

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

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

.b7816 {
  max-width: 1200px;
  margin: 0 auto;
}

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

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

.p12d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
  background: var(--color-bg-card);
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.p12d:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

.i56 {
  flex: 0 0 35%;
  overflow: hidden;
}

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

.h10 {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(1.5rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

  .afd84 {
    flex-direction: column;
  }

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

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

  .if23 {
    flex-direction: column;
  }

  .b0d61b {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

  .l45c8d2e {
    flex-direction: column;
  }

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

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

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

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

  .p12d {
    flex-direction: column;
  }

  .i56 {
    flex: 0 0 auto;
    width: 100%;
    height: 200px;
  }

  .h10 {
    flex: 1 1 auto;
  }

  .mf6753 {
    font-size: 0.75rem;
  }
}

@media (max-width: 480px) {
  .a37ce0 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

  .b338352 {
    display: none;
  }

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

  .m96576 i {
    margin-top: 0;
  }
}

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

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

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
}

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

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

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

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

.jc7dd13c {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

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

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

.mde8b710 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 450px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(124, 58, 237, 0.1);
}

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

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

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

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

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

.db8736 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

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

.m9990:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.08);
}

.mef3650 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: block;
}

.h60c212c {
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

.i707027 {
  text-align: center;
  max-width: 750px;
  margin: 0 auto;
}

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

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

.ic9c0c {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.oc2622 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: 10px;
  flex: 1 1 100%;
  min-height: auto;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .oc2622 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 250px;
  }
}

.oc2622:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(124, 58, 237, 0.12);
  border-color: var(--color-accent);
}

.k8f {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

.o7c {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

.eb1da {
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  box-shadow: 0 8px 24px rgba(124, 58, 237, 0.1);
}

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

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

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

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

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

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

.h9d44 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 4px;
  transition: all 0.3s ease;
}

.h9d44:hover {
  box-shadow: 0 6px 16px rgba(124, 58, 237, 0.1);
  transform: translateX(4px);
}

.a3d02c0 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-right: 0.75rem;
}

.hef8233 {
  font-size: clamp(1rem, 1.5vw + 0.3rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: inline;
}

.cb30d24d {
  font-size: clamp(0.8125rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
  line-height: 1.6;
  display: block;
}

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

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

.a5e7 {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

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

.bf81a {
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

@media (max-width: 767px) {
  .dbcd92 {
    padding: 0;
  }

  .a4bd4 {
    flex-direction: column;
  }

  .m9990 {
    flex: 1 1 100%;
  }

  .k64a9 {
    flex-direction: column;
  }

  .oc2622 {
    flex: 1 1 100%;
  }

  .b813c {
    flex-direction: column;
  }

  .k5a3,
  .c7bd {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .jc7dd13c {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .dab4f70 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .gb69b300 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .o77eb {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .aa47 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

.p8e5d1f9 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gbe {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

.n550ee1a {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  border: 1px solid #e9d5ff;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

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

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

.n302 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 260px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

.n828d0 {
  text-decoration: none;
  color: inherit;
}

.i82 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid #e9d5ff;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  transition: all 0.3s ease;
}

.n828d0:hover .i82 {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(124, 58, 237, 0.1);
  border-color: var(--color-accent);
}

.ifd9fd {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  width: fit-content;
}

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

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

.m23e22 {
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.p367453 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

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

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

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

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

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

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

  .n550ee1a {
    flex: 1 1 100%;
  }

  .n302 {
    flex: 1 1 100%;
  }

  .nbab {
    flex-direction: column;
  }

  .p367453 {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .af956b6 {
    gap: 1.5rem;
  }

  .gbe {
    padding: 1.25rem;
  }
}

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

.ieca9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.ieca9 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ieca9 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .ieca9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ieca9 {
    padding: 4rem var(--spacing-2xl);
  }
}

.h15 {
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.o1d52fce {
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: 0;
}

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

.gab3d {
  width: 100%;
  background: transparent;
  border: none;
  padding: var(--spacing-lg) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-base);
}

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

.gab3d span {
  flex: 1;
  line-height: var(--line-height-snug);
}

.ec270a {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: var(--color-primary);
  transition: transform var(--transition-base);
}

.gab3d[aria-expanded="true"] .ec270a {
  transform: rotate(180deg);
}

.fc5e {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height var(--transition-base), opacity var(--transition-base), padding var(--transition-base);
  padding: 0;
}

.fc5e[hidden] {
  display: block;
}

.gab3d[aria-expanded="true"] + .fc5e {
  max-height: 500px;
  opacity: 1;
  padding: 0 0 var(--spacing-lg) 0;
}

.fc5e p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .h15 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h15 {
    padding: 4rem var(--spacing-2xl);
  }
}

.hb2b4471 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.hb2b4471 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.nb5b32 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .hb2b4471 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hb2b4471 {
    padding: 4rem var(--spacing-2xl);
  }
}

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

  .ec270a {
    width: 18px;
    height: 18px;
  }
}

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

.pb0d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.n9f {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.m24 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.p295 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.c555ccc {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.je2 {
  max-width: 1200px;
  margin: 0 auto;
}

.mfbfe75 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

@media (min-width: 1024px) {
  .mfbfe75 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

.oce63 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.oce63:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.ed30 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

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

.cebb2d78 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.jae9 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.ce78e52 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  display: inline-block;
}

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

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

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

.d8e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.mbb4f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.ce71a1e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.3rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.e4b15 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  cursor: pointer;
}

.e4b15:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

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

.h7689 .b0f629 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h7689 .pde {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.h7689 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

.h7689 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.h7689 .g1d3a {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.h7689 ul {
  margin: var(--spacing-md) 0 var(--spacing-lg) var(--spacing-lg);
  list-style-position: outside;
}

.h7689 ul li {
  margin-bottom: var(--spacing-sm);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
}

.h7689 .f8e237cf {
  margin-bottom: var(--spacing-2xl);
}

.h7689 .o79d0 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.h7689 .o79d0 h2 {
  margin-top: 0;
}

.h7689 .o79d0 p {
  margin-bottom: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .h7689 .pde {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .h7689 .o79d0 {
    padding: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .h7689 .b0f629 {
    padding: 0 var(--spacing-lg);
  }

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

.f533b9b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

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

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

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

.c87 {
  text-align: center;
  padding: var(--spacing-xl) 0;
}

.gf6 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.h77611e9 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.n09d146 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  letter-spacing: -0.02em;
}

.l4d4 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin-bottom: var(--spacing-xl);
  line-height: var(--line-height-relaxed);
}

.acc93 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
}

.k5b48 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-top: var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.b5d87 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
  font-family: var(--font-primary);
}

.i0d9 {
  width: 100%;
  overflow: hidden;
  padding: var(--spacing-2xl) 0;
}

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

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

.pd6 {
  margin-bottom: var(--spacing-3xl);
  display: flex;
  justify-content: center;
  align-items: center;
}

.k5c40 {
  position: relative;
  width: clamp(180px, 40vw, 300px);
  height: clamp(180px, 40vw, 300px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.c3b4 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.j92269 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  top: 0;
  left: 0;
  animation: pulse-scan 3s ease-in-out infinite;
}

@keyframes pulse-scan {
  0% {
    transform: scale(0.8);
    opacity: 1;
    border-color: var(--color-primary);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
    border-color: var(--color-primary-light);
  }
}

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

.h2124d h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: var(--line-height-snug);
}

.m2b86 {
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ee2 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
  border-radius: var(--radius-md);
}

.ee2 p {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

.k5b48 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

.ja6bd8:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.ga4b {
  text-align: left;
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.ga4b h2 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: 0;
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

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

.b53b li {
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) 0;
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: var(--line-height-relaxed);
}

.b53b li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
  font-size: 1.2em;
}

.b53b li + li {
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-sm);
}

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

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

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

  .ee2 {
    padding: var(--spacing-xl);
  }

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

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

@media (min-width: 1024px) {
  .i0d9 {
    padding: var(--spacing-3xl) 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

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

  .k5c40 {
    width: 320px;
    height: 320px;
  }

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

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

  .ga4b {
    max-width: 700px;
    margin: 0 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .j92269 {
    animation: none;
    opacity: 0.3;
  }

  .ja6bd8:hover {
    transform: none;
  }
}

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

.l5c69 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.c75b31 {
  text-align: center;
}

.c75b31 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.f02fe6 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

.c6deb {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

@media (min-width: 768px) {
  .l5c69 {
    padding: 4rem 2rem;
  }

  .c6deb {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .l5c69 {
    padding: 6rem 2rem;
  }

  .c6deb {
    padding: 6rem 2rem;
  }
}

.effc2c3 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.ef631a {
  flex: 1 1 100%;
  min-width: 280px;
}

.l46fa {
  flex: 1 1 100%;
  min-width: 280px;
}

@media (min-width: 768px) {
  .ef631a {
    flex: 1 1 400px;
  }

  .l46fa {
    flex: 1 1 350px;
  }
}

.f28 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.f28 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-lg);
}

.gf1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.jc762 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.gda40 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.n0d5f8,
.g57 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.n0d5f8::placeholder,
.g57::placeholder {
  color: var(--color-text-muted);
}

.n0d5f8:focus,
.g57:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.g57 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.jab09a {
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
}

.jab09a p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  margin: 0;
}

.cbe9 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.a4abc99c {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  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: var(--font-size-base);
  font-weight: 600;
  line-height: var(--line-height-normal);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

.a4abc99c:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.fcb h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.fcb p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-lg);
}

.n37 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

.p7907 {
  display: flex;
  gap: var(--spacing-lg);
}

.l8e {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: var(--font-size-xl);
}

.na606a h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  margin-bottom: var(--spacing-xs);
  line-height: var(--line-height-tight);
}

.na606a p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-xs);
}

.bcae7c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.g8842cd3 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-normal);
  margin-bottom: 0;
}

.j1b8 {
  background-color: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
}

.j1b8 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.j1b8 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

.obdc17f1 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.jc7975ae {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .jc7975ae {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .jc7975ae {
    padding: 6rem 2rem;
  }
}

.o4e19 {
  text-align: center;
}

.o4e19 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.ldb82 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-lg);
}

.p7f53 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.b0f629 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 2rem;
}

@media (min-width: 768px) {
  .b0f629 {
    padding: 0 2rem;
  }
}

@media (min-width: 1024px) {
  .b0f629 {
    padding: 0 3rem;
  }
}
.hfa,.h24e0{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.f0f300{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .f0f300{
    max-width: 100%;
  }
}

.f0f300.ea0f{
  z-index: 999;
}

.gff03{
  padding-top: 50px;
}

.hfa[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .lbd {
    aspect-ratio: 6 / 9;
  }
  .g74 {
    aspect-ratio: 6 / 9;
  }
}