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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #fff1f2;
  --color-bg-tertiary: #1c1917;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #6d6966;
  --color-text-light: #ffffff;
  --color-text-light-secondary: #f5f5f5;

  --color-primary: #e11d48;
  --color-primary-hover: #be123c;
  --color-primary-light: #fce7eb;
  --color-primary-lighter: #fdf2f8;
  
  --color-secondary: #f43f5e;
  --color-secondary-light: #ffe4e9;
  --color-secondary-lighter: #fff5f7;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f5f4;

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

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

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

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

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

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

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

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

body {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
}

h3 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m185c5:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

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

section {
  position: relative;
}

.m8fbe {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) 0;
}

.ob64b866 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-4xl) 0;
}

.k90 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
  padding: var(--spacing-4xl) 0;
}

.k90 h1,
.k90 h2,
.k90 h3,
.k90 h4,
.k90 h5,
.k90 h6 {
  color: var(--color-text-light);
}

.k90 p {
  color: var(--color-text-light-secondary);
}

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

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

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

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

.lf7 {
  background: rgba(28, 25, 23, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--color-text-light);
}

.lf7 h3,
.lf7 h4,
.lf7 h5 {
  color: var(--color-text-light);
}

.lf7 p {
  color: var(--color-text-light-secondary);
}

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

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

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

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

@media (max-width: 768px) {
  .deb8c,
  .n8d419,
  .l2b299 {
    grid-template-columns: 1fr;
  }

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

  .m8fbe,
  .ob64b866,
  .k90 {
    padding: var(--spacing-3xl) 0;
  }
}

.m3f230 {
  display: flex;
}

.g1cabe2 {
  flex-direction: column;
}

.p0abcd {
  align-items: center;
  justify-content: center;
}

.l4b42 {
  align-items: center;
  justify-content: space-between;
}

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

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

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

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

.m29c {
  text-align: center;
}

.mb9 {
  text-align: left;
}

.p709f26a {
  text-align: right;
}

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

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

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

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

.d74f {
  color: var(--color-text-light);
}

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

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

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

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

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

.f3a2e2c {
  border-left: 4px solid var(--color-primary);
}

.c22cf9 {
  width: 8px;
  height: 8px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

.ddeba0 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
}

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

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

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

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

.g2db {
  background: rgba(28, 25, 23, 0.1);
  color: var(--color-text-primary);
}

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

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

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

.kb9512 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

.c2468c {
  list-style: none;
}

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

.oeb li:before {
  content: '';
  color: var(--color-success);
  font-weight: bold;
  margin-right: var(--spacing-md);
}

.bba88d li:before {
  content: '';
  color: var(--color-primary);
  font-weight: bold;
  margin-right: var(--spacing-md);
}

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

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

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

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

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

  .j6c00e:hover {
    opacity: 0.85;
  }

  .j82bf56 {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
  }

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

  .d7c {
    display: none;
    flex-direction: row;
    align-items: center;
    gap: clamp(0.5rem, 2vw, 2rem);
    flex: 1;
    justify-content: center;
  }

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

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

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

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

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

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

  .ad3fad67[aria-expanded="true"] span:nth-child(1) {
    transform: rotate(45deg) translate(10px, 10px);
  }

  .ad3fad67[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }

  .ad3fad67[aria-expanded="true"] span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
  }

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

  .f4b19.n73178ea {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .eae {
    display: flex;
    justify-content: flex-end;
    padding: 1rem;
    border-bottom: 1px solid var(--color-border-light);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-bg-primary);
  }

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

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

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

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

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

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

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

    .n2b29b3 {
      display: block;
    }

    .ad3fad67 {
      display: none;
    }

    .f4b19 {
      display: none;
    }
  }

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

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

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

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

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

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

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

.m1e848 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em;
}

.lb0e3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  margin-bottom: 1.25rem;
  line-height: 1.4;
}

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

.o0c1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.a9bf70 {
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  cursor: pointer;
}

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

.g90e328 {
  padding: 1rem 2rem;
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  cursor: pointer;
}

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

.b9352c8f {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-content: start;
}

.j39d8 {
  grid-column: 1 / -1;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

.b4ad5d7 {
  aspect-ratio: 4 / 5;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

.k435e2 {
  aspect-ratio: 3 / 4;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

  .hf7f65 {
    flex: 1 1 100%;
  }

  .b9352c8f {
    flex: 1 1 100%;
    grid-template-columns: 1fr;
  }

  .j39d8 {
    grid-column: 1;
  }

  .b4ad5d7,
  .k435e2 {
    display: none;
  }
}

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

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

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

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

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

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

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

.b7a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  background: var(--color-bg-card);
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

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

.de309c {
  border-left: 4px solid #e11d48;
}

.f47dc {
  border-left: 4px solid #f43f5e;
}

.j9dcc {
  border-left: 4px solid #e11d48;
}

.b06de {
  border-left: 4px solid #f43f5e;
}

.o6a {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  flex-shrink: 0;
  width: clamp(3.5rem, 6vw, 5rem);
  height: clamp(3.5rem, 6vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

.p4db6457 {
  flex: 1;
}

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

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

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

  .o6a {
    width: 3rem;
    height: 3rem;
  }
}

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

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

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

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

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

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

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

.mfd1::before {
  content: '';
  position: absolute;
  left: clamp(1rem, 5vw, 2.5rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

.l93c {
  position: relative;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  padding-left: clamp(3rem, 8vw, 5rem);
}

.ge290d3 {
  position: absolute;
  left: clamp(0.5rem, 5vw - 0.5rem, 1.5rem);
  top: 0.5rem;
  width: 20px;
  height: 20px;
  background: var(--color-accent);
  border-radius: 50%;
  border: 3px solid var(--color-bg-primary);
}

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

.aadbb35f {
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
}

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

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

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

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

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

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

.la6c6bdc {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
  line-height: 1.1;
}

.lf4 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  color: #d1d5db;
  line-height: 1.6;
}

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

.o8342 {
  flex: 1 1 50%;
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
}

.h39 {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

.ld1 {
  flex-shrink: 0;
  width: clamp(80px, 15vw, 120px);
  aspect-ratio: 3 / 2;
  border-radius: 8px;
  overflow: hidden;
}

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

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

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

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

.f81b3 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  font-size: clamp(0.8125rem, 1.5vw, 0.875rem);
}

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

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

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

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

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

  .o8342 {
    flex: 1 1 100%;
  }

  .g891 {
    flex: 1 1 100%;
  }

  .b1b {
    flex-direction: column;
  }

  .ld1 {
    width: 100%;
  }
}

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

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

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

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

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

.be3669 {
  display: inline-block;
  padding: 1rem 2rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  font-size: clamp(0.9375rem, 1vw, 1rem);
  cursor: pointer;
  align-self: center;
}

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

.gd8f1cb1 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(225, 29, 72, 0.05);
  border-radius: 8px;
}

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

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

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

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

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

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

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

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

.lb32e {
  aspect-ratio: 1;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
}

.lb32e:hover {
  transform: scale(1.02);
  box-shadow: var(--shadow-lg);
}

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

@media (max-width: 768px) {
  .aa2a32ae {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

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

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

.k4a6 {
  flex: 1 1 45%;
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.g13a1 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

.n3d5c10 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.l0b {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

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

.ke919d9 {
  margin: 0;
  padding: 0;
}

.ed74c5 {
  display: block;
  padding: 0.75rem 0;
  color: #d1d5db;
  text-decoration: none;
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.ed74c5:hover {
  color: var(--color-accent);
  padding-left: 0.5rem;
}

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

  .k4a6 {
    flex: 1 1 100%;
  }

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

.afe5 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1c1917;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 2rem);
  box-shadow: var(--shadow-xl);
}

.afe5.b407298d {
  display: none;
}

.e31fbc {
  color: #f5f5f4;
  margin: 0;
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  flex: 1;
  min-width: 250px;
  line-height: 1.5;
}

.g831 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  flex-shrink: 0;
}

.b2608 {
  padding: 0.625rem 1.25rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

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

.mf64e89a {
  padding: 0.625rem 1.25rem;
  background: transparent;
  color: #f5f5f4;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all 0.3s ease;
}

.mf64e89a:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
}

@media (max-width: 640px) {
  .afe5 {
    flex-direction: column;
    justify-content: center;
  }

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

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

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

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

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

.fcaeff80 {
  display: block;
}

.fcaeff80 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);
  letter-spacing: -0.3px;
}

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

.of06697,
.d8d {
  display: block;
}

.of06697 h3,
.d8d 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);
  letter-spacing: -0.3px;
}

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

.m6abe li,
.ea3 li {
  display: inline-block;
}

.of06697 a,
.d8d a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid transparent;
}

.of06697 a:hover,
.d8d a:hover {
  color: var(--color-text-primary);
  border-bottom-color: var(--color-accent);
}

.f47f {
  display: block;
}

.f47f 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);
  letter-spacing: -0.3px;
}

.f47f p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  margin: 0;
  padding: clamp(0.25rem, 1vw, 0.375rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (min-width: 768px) {
  .jc0 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
    align-items: start;
  }

  .p31283 {
    grid-column: 1 / -1;
    text-align: center;
    padding-top: clamp(1.5rem, 3vw, 2rem);
  }

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

  .m6abe li,
  .ea3 li {
    display: block;
  }
}

@media (min-width: 1024px) {
  .jc0 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: clamp(2.5rem, 5vw, 4rem);
  }

  .p31283 {
    grid-column: 1 / -1;
  }
}
    

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

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

.a7e0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  position: relative;
  z-index: 2;
}

.oe5cf {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="15" fill="rgba(225,29,72,0.05)"/><circle cx="80" cy="80" r="20" fill="rgba(225,29,72,0.03)"/></svg>');
  opacity: 0.5;
  z-index: 1;
}

.c35a8ec5 {
  color: var(--color-text-light);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k5fc {
  color: var(--color-text-light-secondary);
  font-size: clamp(1rem, 2.5vw, 1.375rem);
  max-width: 600px;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

.kc579 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  flex: 1 1 clamp(300px, 100%, 380px);
  min-height: fit-content;
}

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

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

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

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

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

.af60,
.h46,
.gc52fee {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.af60 i,
.h46 i,
.gc52fee i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

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

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

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

.d5a519 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.25rem, 1rem);
  line-height: 1.8;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 767px) {
  .naa55dae {
    min-height: 350px;
  }

  .kc579 {
    flex: 1 1 100%;
  }

  .g80eebbf {
    gap: 0.75rem;
  }
}

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

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

.na39 {
  width: 100%;
  font-family: var(--font-primary);
}

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

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

.o3e {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.p75d8a9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.ob295 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(28, 25, 23, 0.75) 0%, rgba(28, 25, 23, 0.5) 100%);
  z-index: 1;
}

.o3e .bf30b {
  position: relative;
  z-index: 2;
}

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

.nfd97f a {
  color: var(--color-text-light);
  text-decoration: none;
  transition: all 0.3s ease;
  font-weight: 500;
}

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

.nfd97f span {
  color: var(--color-text-light);
  opacity: 0.7;
}

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

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

.e85a1 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.ne8da7b6 {
  background: rgba(255, 255, 255, 0.15);
  color: var(--color-text-light);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  backdrop-filter: blur(10px);
}

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

.ndbf {
  color: var(--color-text-light);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  opacity: 0.95;
}

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

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

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

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

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

.l9169 {
  display: flex;
  justify-content: center;
}

.n056 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  max-width: 600px;
  width: 100%;
}

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

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

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

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

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

.d910e {
  display: flex;
  justify-content: center;
}

.l6102 {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  max-width: 700px;
  width: 100%;
  box-shadow: var(--shadow-md);
}

.jfe6 {
  color: var(--color-accent);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

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

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

.b09 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-lg);
}

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

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

.me17a {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 1rem 0;
}

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

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

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

.cf47350f {
  margin-top: 1.5rem;
}

.p6768e {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

.m8b47ad8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  max-width: 700px;
  margin: 0 auto;
}

.kfee2c {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .o3e {
    min-height: 350px;
  }

  .nfd97f {
    font-size: 0.75rem;
    gap: 0.5rem;
  }

  .ne8da7b6 {
    font-size: 0.75rem;
    padding: 0.4rem 0.75rem;
  }

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

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

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

  .nab6 {
    gap: 1rem;
  }

  .me17a {
    gap: 1rem;
  }

  .ifc3e79 {
    min-width: 36px;
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }
}

@media (max-width: 640px) {
  .o3e {
    min-height: 300px;
    padding: 2rem 0;
  }

  .aea997a4 {
    height: 150px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.7;
}

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

.k036 {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.jdd486 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.f7b2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(28, 25, 23, 0.7) 0%, rgba(28, 25, 23, 0.5) 100%);
  z-index: 1;
}

.k036 .bf30b {
  position: relative;
  z-index: 2;
}

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

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

.b3a a {
  color: #ffffff;
  opacity: 0.9;
}

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

.h930 {
  color: #ffffff;
  opacity: 0.7;
}

.b3a span:last-child {
  color: #ffffff;
}

.a2c381e {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  line-height: 1.2;
  font-weight: 700;
}

.a639d {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: #f1f5f9;
  line-height: 1.6;
}

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

.h2ad2af5 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: #e0e0e0;
}

.h2ad2af5 i {
  color: var(--color-secondary);
  font-size: 1.1rem;
}

@media (max-width: 768px) {
  .k036 {
    min-height: 450px;
  }

  .kf198cc {
    gap: 1rem;
  }

  .i82c2fea {
    gap: 1rem;
  }
}

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

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

.g34ea {
  flex: 1 1 60%;
  max-width: 60%;
}

.ccecd {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

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

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

.m87a183b {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
}

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

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

  .g34ea,
  .ccecd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.e77040c4 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

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

.oa0 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

.c69ce {
  font-size: clamp(1.05rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

.f68d257 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

  .f68d257,
  .m2214 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.j523ea2 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  max-width: calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  border: 1px solid rgba(28, 25, 23, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.aa26c9 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin: 0;
}

.aa26c9 i {
  color: var(--color-accent);
  font-size: 1.3rem;
  flex-shrink: 0;
  margin-top: 0.2rem;
}

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

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

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

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

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

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

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

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

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

.e1ee4 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.o372cfa img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

  .k52810f8,
  .o372cfa {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ef12 {
  background: #fef2f2;
  border: 2px solid #fecaca;
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.p5ff {
  font-size: clamp(1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
}

.p5ff i {
  color: #dc2626;
  font-size: 1.3rem;
}

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

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

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

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

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

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

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

.heb968f {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid rgba(28, 25, 23, 0.08);
}

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

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

.c6021f {
  font-size: clamp(1rem, 1.5vw, 1.3rem);
  color: var(--color-text-primary);
  margin: 0;
}

.h436 {
  color: var(--color-accent);
}

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

.b84955a {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.c028cb:hover .ic2a2820 {
  transform: scale(1.05);
}

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

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

.a67345 {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

.c1e6a1 {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.hf8357 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.hbc36e {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
  z-index: 2;
}

.c1e6a1 .bf30b {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  padding-bottom: clamp(2rem, 5vw, 4rem);
}

.afc {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  flex-wrap: wrap;
}

.afc a {
  color: var(--color-text-light);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color 0.3s ease;
}

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

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

.g062 {
  max-width: 800px;
}

.p055f4d6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-md);
  flex-wrap: wrap;
}

.l187553 {
  color: var(--color-text-light);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  text-transform: capitalize;
}

.d4a7 {
  color: var(--color-text-light);
  opacity: 0.6;
}

.occ6d {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-light);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.add4ac5 {
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  color: var(--color-text-light);
  line-height: 1.6;
  max-width: 600px;
}

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

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

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

.h8656 {
  flex: 1 1 35%;
  max-width: 35%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.h61 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.p20 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  text-align: left;
}

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

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

.o3f6.j1d7 {
  flex-direction: row-reverse;
}

.e761 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

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

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

.f5d4493 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  box-shadow: var(--shadow-md);
}

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

.ke64f365 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

.kcd3a5 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

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

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

.bbe {
  margin-bottom: clamp(2rem, 4vw, 4rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
}

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

.bbe > .a3afe2 {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.o8e4 {
  flex: 1 1 calc(50% - var(--spacing-sm));
  min-width: 200px;
  background: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.a43a {
  font-family: var(--font-heading);
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-accent);
}

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

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

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

.i7e668b2 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

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

.l64d5 .a3afe2 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
}

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

.c8c7 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: var(--spacing-sm);
}

.de2973 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.mf4e5a37 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

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

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

.e984 {
  width: 100px;
  height: 100px;
  min-width: 100px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

.e02a {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-light-secondary);
  text-align: center;
}

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

.n02fb {
  flex: 1 1 calc(33.333% - var(--spacing-lg));
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.n02fb:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

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

.b11f {
  padding: clamp(1.5rem, 2vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex: 1;
}

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

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

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

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

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

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

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

  .o3f6 {
    flex-direction: column;
  }

  .o3f6.j1d7 {
    flex-direction: column;
  }

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

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

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

  .ma3e {
    align-items: center;
  }

  .n02fb {
    flex: 1 1 calc(50% - var(--spacing-lg));
    min-width: 220px;
  }

  .h42d8 {
    flex-direction: column;
  }

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

@media (max-width: 768px) {
  .c1e6a1 {
    min-height: 450px;
  }

  .afc {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    gap: var(--spacing-xs);
  }

  .g062 {
    max-width: 100%;
  }

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

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

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

@media (max-width: 480px) {
  .c1e6a1 {
    min-height: 380px;
  }

  .afc {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs);
  }

  .afc span {
    display: none;
  }

  .afc a {
    display: inline-block;
  }

  .d4a7 {
    display: inline;
    margin: 0 var(--spacing-xs);
  }

  .h42d8 {
    flex-direction: column;
    gap: var(--spacing-md);
  }

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

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  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;
}

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

.pb7 {
  background: var(--color-bg-primary);
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: clamp(2rem, 8vw, 4rem) 0;
}

.g35bbbc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.na546d8 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 2;
}

.dab4f {
  position: relative;
  z-index: 3;
  color: var(--color-text-light);
  padding: clamp(2rem, 5vw, 3rem);
}

.gdecd69f {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: clamp(1rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-light);
}

.gdecd69f a {
  color: var(--color-text-light);
  text-decoration: underline;
}

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

.gdecd69f span {
  color: var(--color-text-light);
  opacity: 0.7;
}

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

.l9c9529 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-light);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  opacity: 0.95;
  max-width: 600px;
}

.j41d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-light);
}

.g04 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.g04 i {
  font-size: 1.1em;
}

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

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

.p1fccaa {
  flex: 1 1 60%;
  max-width: 60%;
}

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

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

.p0eb1 {
  flex: 1 1 40%;
  max-width: 40%;
}

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

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

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

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

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

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

.n428044c:nth-child(even) {
  background: var(--color-bg-primary);
}

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

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

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

.l57061 img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

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

.fbef {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: rgba(225, 29, 72, 0.05);
  border-left: 3px solid var(--color-accent);
  border-radius: 4px;
}

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

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

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

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

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

.k04270b5 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

.ja52734 {
  flex: 1 1 calc(33.333% - clamp(1rem, 3vw, 1.667rem));
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
}

.ja52734:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(225, 29, 72, 0.1);
  border-color: var(--color-accent);
}

.h8efef {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Poppins', sans-serif;
}

.g09c0f6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

.f04b3 img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

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

.d163 {
  flex: 1 1 auto;
}

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

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

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

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

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

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

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

.k9105c5c {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.dc644e6 {
  color: var(--color-accent);
}

.dc644e6:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

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

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

.c3a {
  text-align: center;
}

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

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

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

.ba96067 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.ba96067:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(225, 29, 72, 0.12);
}

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

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

.ba96067:hover .fd59c img {
  transform: scale(1.05);
}

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

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

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

.le06de {
  display: inline-block;
  margin-top: auto;
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  font-weight: 500;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid transparent;
  transition: border-color 0.3s ease;
}

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

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

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

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

  .c4152 {
    flex-direction: column;
  }

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

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

  .m7dc {
    flex-direction: column;
  }

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

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

  .ja52734 {
    flex: 1 1 calc(50% - clamp(0.75rem, 2vw, 1.25rem));
    min-width: 240px;
  }

  .d04 {
    flex-direction: column;
  }

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

  .be1 {
    align-items: center;
  }

  .ba96067 {
    flex: 1 1 calc(50% - clamp(0.75rem, 2vw, 1.25rem));
    min-width: 240px;
  }
}

@media (max-width: 768px) {
  .pb7 {
    min-height: 350px;
  }

  .gdecd69f {
    font-size: 0.8125rem;
  }

  .ja52734 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }

  .ba96067 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }

  .d04 {
    gap: 1rem;
  }

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

  .m4d371 {
    margin-bottom: 1rem;
  }
}

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

  .fd59c {
    height: 150px;
  }

  .c8ef61 {
    padding: 1rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.p62e {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  max-width: 650px;
}

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

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

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

.n0a9 {
  text-align: center;
}

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

.m29 {
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

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

.ged8e {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

.l2f19b9d {
  text-align: center;
}

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

.jda8fd9e {
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  color: var(--color-text-on-accent);
  margin-bottom: var(--spacing-md);
}

.a626 {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: #d1ccc8;
  max-width: 700px;
  margin: 0 auto;
}

.approach-pillars-about {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  margin-top: var(--spacing-xl);
}

.k4cdca77 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: var(--transition-base);
}

.k4cdca77:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  transform: translateY(-4px);
}

.p286b1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-secondary);
  height: 60px;
  display: flex;
  align-items: center;
}

.a2a {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.da788d {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: #d1ccc8;
  line-height: 1.7;
}

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

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

.p808356b {
  text-align: center;
}

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

.k70ab6 {
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

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

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

.pcf {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.p412 {
  font-size: 1.5rem;
  color: var(--color-accent);
  flex-shrink: 0;
}

.g056c {
  font-size: clamp(0.875rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.p29 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.e32640 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 500;
}

.e031f89 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  width: fit-content;
  align-self: center;
}

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

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

.d9482448 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  max-width: 850px;
}

.d4294874 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 700;
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
}

.a98f6 {
  font-size: 1.25rem;
  color: var(--color-accent);
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .k4cdca77 {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

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

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

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

.f54b {
  text-align: center;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.5rem);
}

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

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

.i1db0eae {
  width: 100%;
  max-width: 550px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .nb358f {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .f54b {
    flex: 1 1 45%;
    text-align: left;
  }

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

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

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

.g62e9f {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.jff9718 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d30b8 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.l3d {
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o37f {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.i96549a9 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.cad {
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e88d {
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  box-shadow: var(--shadow-sm);
}

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

.m46b {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw + 0.25rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p25c9 {
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.65;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.abdc1f {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.o4c5 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k5b8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  box-shadow: var(--shadow-sm);
}

.le0d {
  font-size: clamp(1.75rem, 3vw + 0.25rem, 2.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.5rem, 5vw, 3.5rem);
  height: clamp(2.5rem, 5vw, 3.5rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

.jb538d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i856 {
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.65;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.n6db722 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
}

.mccfa {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 500px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.hf5 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
  transition: var(--transition-base);
}

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

.ld77276 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.3rem, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hd56 {
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.m8ef3a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.25rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.fcdb592b {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b362 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  box-shadow: var(--shadow-sm);
  transition: var(--transition-base);
  border-left: 4px solid var(--color-accent);
}

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

.kfaeb {
  font-size: clamp(1.5rem, 3vw + 0.25rem, 2rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(2.25rem, 4vw, 3rem);
  height: clamp(2.25rem, 4vw, 3rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
}

.iff26 {
  font-family: var(--font-heading);
  font-size: clamp(1.15rem, 2.5vw + 0.25rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.fd326 {
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f45ca {
  display: inline-flex;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  transition: var(--transition-base);
  width: fit-content;
}

.f45ca:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

.f45ca i {
  font-size: 0.8em;
}

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

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

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

.ndc7b {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 2px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.75rem);
  max-width: 700px;
  margin: 0 auto;
}

.fd4 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.j7c78321 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
}

.i425cece,
.e7ef730b {
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1.0625rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  transition: var(--transition-base);
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  width: fit-content;
  margin: 0 auto;
}

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

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

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

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

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

  .i425cece,
  .e7ef730b {
    width: auto;
  }
}

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

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

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

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

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

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

.o11f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.p2b4fe44 {
  text-align: center;
}

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

.m306d {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
}

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

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

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

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

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

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

.ke15c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin: 0;
}

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

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

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

.l20a6d {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

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

.n41 {
  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 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

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

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

  .l20a6d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

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

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

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

.k1d352 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.k794e20e {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

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

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

.fa7cbd0:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

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

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

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

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

.h484908 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

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

.m91796d {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.m91796d:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.id600ea {
  font-size: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
}

.mbc0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

  .cc6de {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }
}

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

  .cc6de {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-lg);
  }

  .m91796d {
    flex-direction: column;
    text-align: center;
    padding: var(--spacing-lg);
  }

  .id600ea {
    font-size: 2rem;
    min-width: auto;
  }
}

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

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

.le7c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.cc1bf9 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.mf8a85 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.hfa67 {
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

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

.od6ea124 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
}

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

.c08b82 {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.m557 {
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.f99f39f1 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  width: fit-content;
}

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

.ma5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.f3b {
  list-style: none;
  margin: var(--spacing-sm) 0 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.f3b li {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
}

.f3b li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

.d6ac {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.a5b948 {
  max-width: 700px;
  margin: 0 auto;
}

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

.k0d6 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

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

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

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

@media (min-width: 640px) {
  .le7c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .h33df4d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .od6ea124 {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .c08b82 {
    height: 250px;
  }

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

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

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

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

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

  .c08b82 {
    height: 280px;
  }

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

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

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

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

.feaa5506 main {
  width: 100%;
}

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

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

.feaa5506 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

.feaa5506 .o07 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.feaa5506 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.feaa5506 .ddca1 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.feaa5506 .ddca1 p {
  margin-bottom: 0;
}

.feaa5506 .lf2ac5e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.feaa5506 .lf2ac5e h2 {
  margin-top: 0;
}

.feaa5506 .lf2ac5e p {
  margin-bottom: var(--spacing-sm);
}

.feaa5506 .ob2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.feaa5506 .f2aa7 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
}

.feaa5506 .f2aa7 strong {
  display: block;
  margin-bottom: var(--spacing-xs);
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .feaa5506 .jd9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .feaa5506 .ddca1 {
    padding: var(--spacing-xl);
  }

  .feaa5506 .lf2ac5e {
    padding: var(--spacing-xl);
  }
}

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

  .feaa5506 .jd9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.b68 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md);
  overflow: hidden;
}

.jc80 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.bf30b {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.f21f3e {
  width: 100%;
  max-width: 600px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.g48d {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-sm);
}

.g48d svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.f21f3e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

.f21f3e .a04b0 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 500;
  color: var(--color-primary);
  line-height: 1.6;
  margin: 0;
}

.f21f3e .gcb0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  max-width: 550px;
}

.f21f3e .h2428 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  max-width: 550px;
}

.m185c5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  min-height: 48px;
  white-space: nowrap;
  margin-top: var(--spacing-md);
}

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

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

.j28b:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .b68 {
    padding: var(--spacing-lg);
  }

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

  .g48d {
    width: 120px;
    height: 120px;
  }

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

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

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

  .g48d {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-md);
  }

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

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

  .m185c5 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: clamp(1rem, 1vw + 0.5rem, 1.15rem);
    margin-top: var(--spacing-lg);
  }
}

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

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

  .g48d {
    width: 160px;
    height: 160px;
  }

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

@media (prefers-reduced-motion: reduce) {
  .g48d svg {
    animation: none;
    opacity: 1;
    transform: scale(1);
  }

  .m185c5 {
    transition: background-color var(--transition-base), box-shadow var(--transition-base);
  }

  .m185c5:hover {
    transform: none;
  }

  .m185c5:active {
    transform: none;
  }
}

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

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

.a43 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p273 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
}

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

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

.ob95 {
  position: relative;
  margin-bottom: var(--spacing-3xl);
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bf7 {
  position: relative;
  z-index: 2;
}

.j51c178c {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  line-height: 1;
  display: block;
  text-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.i502 {
  position: absolute;
  border-radius: var(--radius-full);
  opacity: 0.1;
}

.k20467 {
  width: 200px;
  height: 200px;
  background-color: var(--color-primary);
  top: -50px;
  left: -80px;
  animation: float-1 6s ease-in-out infinite;
}

.g106e {
  width: 150px;
  height: 150px;
  background-color: var(--color-secondary);
  bottom: -30px;
  right: -60px;
  animation: float-2 7s ease-in-out infinite;
}

.n1aed {
  width: 100px;
  height: 100px;
  background-color: var(--color-accent);
  top: 80px;
  right: -40px;
  animation: float-3 5s ease-in-out infinite;
}

@keyframes float-1 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes float-2 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
}

@keyframes float-3 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

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

.o1d6 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.ee76ef70 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.m05bbec2 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  text-align: left;
}

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

.m185c5 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

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

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

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

.md4 {
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-bottom: var(--spacing-lg);
}

.l76 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-xl);
}

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

@media (max-width: 640px) {
  .p273 {
    padding: var(--spacing-md);
  }

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

  .ob95 {
    margin-bottom: var(--spacing-2xl);
    min-height: 200px;
  }

  .k20467 {
    width: 120px;
    height: 120px;
    top: -30px;
    left: -50px;
  }

  .g106e {
    width: 100px;
    height: 100px;
    bottom: -20px;
    right: -40px;
  }

  .n1aed {
    width: 80px;
    height: 80px;
    top: 60px;
    right: -30px;
  }

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

  .m05bbec2 {
    padding: var(--spacing-md);
    border-left-width: 3px;
  }

  .md4 {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .ob95 {
    margin-bottom: var(--spacing-2xl);
  }

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

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

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

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

  .j28b:hover {
    background-color: var(--color-primary-hover);
    transform: translateY(-3px);
    box-shadow: var(--shadow-xl);
  }
}

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

.ib71e {
  background-color: var(--color-bg-secondary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.e353 {
  text-align: center;
}

.l4eb0 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.k232b {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
}

.c02 {
  background-color: var(--color-bg-primary);
  padding: 3rem 2rem;
  overflow: hidden;
}

.ocac {
  width: 100%;
}

.b4f792 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.j55de76 {
  flex: 1 1 100%;
  min-width: 280px;
}

.o355 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.a4a73b {
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.la184740,
.ac2 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: 0.95rem;
  line-height: 1.5;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.la184740:focus,
.ac2:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.la184740::placeholder,
.ac2::placeholder {
  color: var(--color-text-muted);
}

.ac2 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.ib826 {
  background-color: var(--color-bg-tertiary);
  padding: 1rem;
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.ddbf {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.k28e34b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

.k28e34b:hover,
.k28e34b:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.nee4d51c {
  font-family: var(--font-primary);
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

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

.nee4d51c:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

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

.mfd36 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 280px;
}

.b4ea {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.j58d47 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-border-light);
}

.hfb547 {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 2rem;
}

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

.ia6dbcf {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.p8f7a {
  flex: 1;
}

.if8eb98 {
  font-family: var(--font-heading);
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
  letter-spacing: 0.3px;
}

.ibd71 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.5;
  font-weight: 500;
}

.a7c6b {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  margin: 0.25rem 0 0 0;
  line-height: 1.5;
}

.e7e {
  background-color: var(--color-primary-light);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border-left: 5px solid var(--color-primary);
  text-align: center;
}

.n22 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

.bf7a6b {
  font-family: var(--font-primary);
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  margin: 0 0 1.25rem 0;
  line-height: 1.6;
}

.dd5cb {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

.dd5cb:hover,
.dd5cb:focus {
  background-color: var(--color-primary-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .ib71e {
    padding: 4rem 2rem;
  }

  .c02 {
    padding: 4rem 2rem;
  }

  .b4f792 {
    gap: 4rem;
  }

  .j55de76 {
    flex: 1 1 45%;
  }

  .mfd36 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .ib71e {
    padding: 5rem 2rem;
  }

  .c02 {
    padding: 5rem 2rem;
  }

  .b4f792 {
    gap: 5rem;
  }

  .j55de76 {
    flex: 1 1 50%;
  }

  .mfd36 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1440px) {
  .ib71e {
    padding: 6rem 2rem;
  }

  .c02 {
    padding: 6rem 2rem;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.ad3fad67{width:34px;}
.ad3fad67[aria-expanded="true"]{display:none;}
.d7c{justify-content:flex-end;}