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

:root {
  --color-bg-primary: #fffef5;
  --color-bg-secondary: #fefce8;
  --color-bg-tertiary: #fef9c3;
  --color-bg-card: #ffffff;

  --color-text-primary: #1c1917;
  --color-text-secondary: #57534e;
  --color-text-muted: #75716e;

  --color-primary: #ca8a04;
  --color-primary-hover: #a16207;
  --color-primary-light: #f5ddb0;
  --color-secondary: #eab308;
  --color-secondary-light: #fef08a;

  --color-success: #16a34a;
  --color-warning: #f59e0b;
  --color-danger: #dc2626;

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

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Raleway', sans-serif;

  --spacing-xs: 0.5rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --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-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

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

  
  --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: #111418;
}

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

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: clamp(1.25rem, 3vw, 2rem);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
}

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

h6 {
  font-size: 0.875rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

.o43ca {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  text-align: center;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-decoration: none;
  vertical-align: middle;
}

.lc89a0 {
  background: var(--color-primary);
  color: #ffffff;
}

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

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

.d5d:hover {
  background: #d4a500;
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

.gc56 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

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

.ia2 {
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

.ifd659 {
  display: flex;
}

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

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

.n19999 {
  flex-direction: column;
}

.f75 {
  gap: var(--spacing-xs);
}

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

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

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

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

.i8d25 {
  text-align: center;
}

.a8f1 {
  text-align: right;
}

.b28655 {
  text-align: left;
}

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

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

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

.c3e {
  font-weight: 700;
}

.k97 {
  font-weight: 600;
}

.nebb7 {
  font-weight: 500;
}

.m7ae6 {
  margin-top: var(--spacing-xs);
}

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

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

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

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

.o45eea {
  margin-bottom: var(--spacing-xs);
}

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

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

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

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

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

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

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

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

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

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

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

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

.e2f {
  border-radius: var(--radius-full);
}

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

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

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

.j0d97 {
  opacity: 0.5;
}

.ab2 {
  opacity: 0.75;
}

.o9e {
  transition: all var(--transition-base);
}

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

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

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

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

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

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

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

  .o43ca {
    width: 100%;
  }

  .cab,
  .ob29fd8 {
    grid-template-columns: 1fr;
  }
}
.d99b {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.ke053b:hover {
  transform: translateY(-2px);
}

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

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

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

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

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

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

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

.if5c82 {
  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;
  text-decoration: none;
  border-radius: 6px;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ga327b {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  margin: -0.5rem;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

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

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

.ga327b.e8814f .p4f658:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.ga327b.e8814f .p4f658:nth-child(2) {
  opacity: 0;
}

.ga327b.e8814f .p4f658:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.m20a {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-secondary);
  padding-top: 4rem;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.m20a.e8814f {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.d8ada9ea {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4rem;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: clamp(1rem, 4vw, 2rem);
  z-index: 101;
}

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

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

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

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

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

.j9a8ad {
  margin: clamp(1rem, 3vw, 2rem);
  padding: 1rem 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;
  text-decoration: none;
  border-radius: 6px;
  text-align: center;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

  .if5c82 {
    display: block;
  }

  .ga327b {
    display: none;
  }

  .m20a {
    display: none !important;
  }

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

@media (min-width: 1024px) {
  .g1b5c {
    padding: 1.25rem clamp(2rem, 5vw, 3rem);
  }

  .je9a {
    font-size: 1.25rem;
  }

  .ge81b {
    font-size: 1rem;
  }

  .if5c82 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

    

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

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

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

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

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

.o43ca {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

.p61821e8 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

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

.k24ad3ba {
  width: 100%;
}

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

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

.kc2307 {
  width: 100%;
  max-width: 600px;
}

.g962 {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  transform: perspective(1000px) rotateX(2deg) rotateZ(-1deg);
}

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

.ifad {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(202, 138, 4, 0.8) 0%, rgba(161, 98, 7, 0.7) 100%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  gap: clamp(0.5rem, 2vw, 1rem);
}

.l8954f7 {
  font-size: clamp(1.75rem, 5vw + 1rem, 2.75rem);
  color: var(--color-text-on-accent);
  line-height: 1.2;
}

.f77d3 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  line-height: 1.5;
}

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

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

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

.h66fdce {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.p3e3 {
  flex: 1 1 50%;
  min-height: 300px;
}

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

@media (max-width: 768px) {
  .j751b,
  .j751b:nth-child(even) {
    flex-direction: column;
  }

  .c80,
  .p3e3 {
    flex: 1 1 100%;
  }

  .p3e3 {
    min-height: 250px;
  }
}

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

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

.a276b224 {
  text-align: center;
}

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

.hf16c96d {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

.g9eaf {
  flex: 1 1 40%;
  min-height: 300px;
}

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

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

.oe11c {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--color-accent);
  font-weight: 700;
  align-self: flex-start;
}

.n97da40 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
}

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

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

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

  .g9eaf,
  .pbf2c {
    flex: 1 1 100%;
  }

  .g9eaf {
    min-height: 250px;
  }
}

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

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

.o0c {
  text-align: center;
}

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

.l6f78 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

.c396 {
  flex: 1 1 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

.k0763c {
  font-size: 2.25rem;
  color: var(--color-accent);
}

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

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

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

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

.n6c340 {
  text-align: center;
}

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

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

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

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

.e93272ec {
  flex: 1 1 55%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
}

.k4e21c1 {
  width: 100%;
  height: auto;
  max-height: 300px;
}

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

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

.i74a2 {
  font-size: clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
  color: var(--color-text-primary);
}

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

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

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

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

.jae14a2 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

.hff8bf {
  width: 150px;
  height: 120px;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

.k12cb980 {
  text-align: center;
}

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

  .e93272ec,
  .af03eff {
    flex: 1 1 100%;
  }

  .hff8bf {
    width: 120px;
    height: 100px;
  }
}

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

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

.pb52e6 {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
  align-items: center;
}

.k1c7 {
  flex: 1 1 auto;
  min-width: 150px;
  padding: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
}

.kb5a422a {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.c38b7d {
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

.bc0d3d {
  width: 1px;
  height: 60px;
  background: rgba(28, 25, 23, 0.2);
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .k1c7 {
    min-width: 120px;
    padding: 1rem;
  }

  .bc0d3d {
    height: 40px;
  }
}

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

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

.e3ca46 {
  text-align: center;
}

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

.k9efd495 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

.d9ccb8 {
  flex: 1 1 180px;
  max-width: 240px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all 0.3s ease;
}

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

.le77b {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

.j689 {
  text-align: center;
}

.l0092c {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
}

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

.o04be {
  flex: 1 1 300px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

.bcc04.ec41ab4 {
  display: none;
}

.bad46e75 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.975rem);
  line-height: 1.5;
  max-width: 400px;
}

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

.n27e4,
.b7b {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 600;
  border: none;
}

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

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

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

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

@media (max-width: 768px) {
  .g962 {
    transform: perspective(1000px) rotateX(1deg) rotateZ(0deg);
  }

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

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

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

  .bc0d3d {
    width: 60px;
    height: 1px;
  }

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

  .d9ccb8 {
    flex: 1 1 100%;
    max-width: 300px;
  }
}

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

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

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

.d58cd {
  display: block;
}

.d58cd h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.5px;
}

.d58cd p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  max-width: 480px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f76fb2c,
.b11,
.m5e91 {
  display: block;
}

.f76fb2c h3,
.b11 h3,
.m5e91 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.875rem, 2vw, 1.25rem);
  letter-spacing: -0.25px;
}

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

.cdb li,
.ha57af12 li {
  display: block;
}

.cdb a,
.ha57af12 a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-fast);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.cdb a:hover,
.ha57af12 a:hover {
  color: var(--color-accent);
}

.b11 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  line-height: 1.8;
  margin: 0 0 clamp(0.5rem, 1vw, 0.75rem) 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

  .f76fb2c {
    flex: 0 1 auto;
  }

  .b11 {
    flex: 0 1 auto;
  }

  .m5e91 {
    flex: 0 1 auto;
  }

  .f81ff {
    flex: 1 1 100%;
  }

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

  .cdb li,
  .ha57af12 li {
    display: inline-block;
  }
}

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

  .d58cd {
    flex: 0 1 320px;
  }

  .f76fb2c {
    flex: 0 1 auto;
  }

  .b11 {
    flex: 0 1 auto;
  }

  .m5e91 {
    flex: 0 1 auto;
  }

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

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

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

.n20321 {
  background: linear-gradient(135deg, #2c1810 0%, #1a0f0a 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

.n20321::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 50%, rgba(202, 138, 4, 0.15) 0%, transparent 50%);
  pointer-events: none;
}

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

.c14ae {
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: #ffffff;
  letter-spacing: -0.02em;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.g7c4d5 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: #e0d5c8;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.cf9b64 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
}

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

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

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

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

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

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

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

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

.ga5 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base) ease;
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 500px;
}

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

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

.d4bcc {
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e464ed {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  padding: 0 clamp(1rem, 3vw, 1.5rem);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  flex-wrap: wrap;
  align-items: center;
}

.le6c458,
.j82,
.cdf {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: var(--color-text-muted);
}

.le6c458 i,
.j82 i,
.cdf i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

@media (min-width: 768px) {
  .m1824565 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    justify-content: center;
  }

  .ga5 {
    flex: 1 1 calc(50% - 1.25rem);
    min-width: 300px;
    max-width: 480px;
  }

  .cf9b64 {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
  }

  .d79 {
    flex-shrink: 0;
    min-width: 50px;
  }
}

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

  .ga5 {
    flex: 1 1 calc(50% - 1.25rem);
    min-width: 320px;
    max-width: 520px;
  }

  .cf9b64 {
    flex-direction: row;
  }
}

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

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

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

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

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

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

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

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

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

.gfad02ea span:last-child {
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.pbd5 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 80%;
}

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

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

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

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

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

.na5f8626 {
  flex-shrink: 0;
}

.na5f8626 img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f50665,
  .hcf86a17 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.ged7f4 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-full);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.125rem;
  font-family: var(--font-heading);
}

.dcb {
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  padding-top: 0.25rem;
}

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

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

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

.d8f {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
}

.b48 {
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.af0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  flex: 0 1 calc(50% - 0.75rem);
  min-width: 200px;
  border-top: 3px solid var(--color-accent);
}

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

@media (min-width: 1024px) {
  .af0 {
    flex: 0 1 calc(25% - 1.125rem);
  }
}

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

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

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

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

.j887b3e8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
  text-align: center;
}

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

.p14cf1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  transition: var(--transition-base);
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 250px;
}

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

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

@media (max-width: 768px) {
  .p14cf1 {
    flex: 0 1 100%;
    flex-direction: column;
  }
}

.c593d {
  flex-shrink: 0;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

.nd4938e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
}

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

.n21 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  margin-top: clamp(1rem, 2vw, 2rem);
}

.b4c0ea9 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ae408 {
    font-size: clamp(1rem, 2vw, 1.25rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    max-width: 85%;
  }

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

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

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

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

  .m5dd2 {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 100%;
  }

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

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

  .acb7324 {
    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 var(--color-border-light);
    box-shadow: var(--shadow-sm);
  }

  .e5aeef {
    flex-shrink: 0;
    min-width: 100px;
  }

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

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

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

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

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

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

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

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

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

    .e5aeef {
      min-width: auto;
    }

    .hb1b83 {
      gap: 0.75rem;
    }
  }

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

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

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

  .j0a0b {
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.3;
  }

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

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

  .ad7362f {
    font-size: clamp(0.8875rem, 1vw, 1rem);
    color: var(--color-text-primary);
    line-height: 1.6;
    margin: 0;
  }

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

  .ge1 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

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

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

    .pad3,
    .ge1 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .aeb5 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
    order: -1;
  }

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

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

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

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

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

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

    .aeb5,
    .l4a6 {
      flex: 1 1 100%;
      max-width: 100%;
      order: 0;
    }

    .aeb5 {
      order: -1;
    }
  }

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

  .gf2 {
    background: #fef3c7;
    border: 1px solid #fcd34d;
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

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

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

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

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

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

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

  .icd944 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

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

    .k1af45,
    .icd944 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .kbbb38 {
    flex: 1 1 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

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

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

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

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

  .pf50e7f {
    font-size: clamp(0.85rem, 1vw, 0.95rem);
    color: var(--color-accent);
    font-weight: 600;
  }

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

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

    .kbbb38,
    .a98ede {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .b8e4771 {
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0;
    line-height: 1.3;
  }

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

  .pa72 {
    background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: clamp(2rem, 4vw, 3rem);
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
    text-align: center;
    box-shadow: var(--shadow-sm);
    margin-top: clamp(1rem, 2vw, 2rem);
  }

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

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

  .p26ee {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-accent);
    color: var(--color-text-primary);
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: clamp(0.8875rem, 1vw, 0.95rem);
    transition: all 0.3s ease;
    text-decoration: none;
    width: fit-content;
    margin: 0 auto;
  }

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

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

  .a330b121 {
    font-size: clamp(1.5rem, 3.5vw, 2rem);
    font-weight: 700;
    color: var(--color-text-primary);
    margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
    text-align: center;
  }

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

  .mf5a425 {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
    transition: all 0.3s ease;
  }

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

  .ie7a {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    align-items: stretch;
    text-decoration: none;
    color: inherit;
    height: 100%;
  }

  .lbc7 {
    flex-shrink: 0;
    width: clamp(120px, 20vw, 200px);
    height: clamp(120px, 20vw, 200px);
    overflow: hidden;
    border-radius: 0;
  }

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

  .oea8e2a {
    flex: 1;
    padding: clamp(1rem, 2vw, 1.5rem);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
  }

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

  .pe6cf9f9 {
    font-size: clamp(0.8125rem, 1vw, 0.875rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

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

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

    .lbc7 {
      width: 100%;
      height: 200px;
    }

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

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

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

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

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

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

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

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

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

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

.d61288 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

.ce38 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.h740,
.a5a61d20,
.m301bf {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.h740 i,
.a5a61d20 i,
.m301bf i {
  color: var(--color-accent);
  font-size: 1em;
}

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

.pd0b5c {
  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, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
}

.j20af44f {
  flex-shrink: 0;
}

.j20af44f img {
  width: 120px;
  height: 120px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

  .j20af44f {
    margin: 0 auto;
  }
}

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

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

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

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

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

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

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

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

  .be5878,
  .bf234ac0 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.iec110 {
  font-family: var(--font-heading);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

.lb26 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

  .d6a,
  .k823ec8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

  .i7636a4 {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

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

  .hc6d2a55,
  .m44c5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.d818 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
}

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

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

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

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

  .k1e2 {
    flex-direction: column;
  }

  .of20a5df,
  .cf895b53 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.gc0 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-accent);
  border-radius: 10px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.l30819 {
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

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

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

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

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

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

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

.c3752 {
  display: flex;
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 380px;
}

.edda9c {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  text-decoration: none;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 10px;
  overflow: hidden;
  transition: var(--transition-base);
  height: 100%;
}

.edda9c:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(202, 138, 4, 0.1);
  border-color: var(--color-accent);
}

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

.hbd78a0 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  padding: 0 clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.5rem, 1vw, 1rem);
  line-height: 1.4;
  margin: 0;
}

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

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

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

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

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

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

.f5f {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

.k3102 {
  max-width: 100%;
  margin: 0 auto;
}

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

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

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

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

.i8d951 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.mb90c7 {
  flex-shrink: 0;
}

.mb90c7 img {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .i8d951 {
    flex-direction: column;
    text-align: center;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .mb90c7 {
    margin: 0 auto;
  }

  .jd54 {
    align-items: center;
  }
}

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

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

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

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

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

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

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

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

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

  .c21,
  .a88f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.oe9 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: 1.6;
}

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

.i4b66 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  line-height: 1.6;
}

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

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

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

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

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

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

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

  .m7836e,
  .obc50ef,
  .o2d59b,
  .j6bd,
  .n50cdc {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.m6d {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.p17 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .nb60a2,
  .n52,
  .l3bd34 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

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

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

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

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

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

.k31 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  border: 2px solid var(--color-accent);
}

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

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

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

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

  .bc5 {
    text-align: center;
  }
}

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

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

.c29 {
  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;
  line-height: 1.3;
}

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

.ke2d4e07 {
  flex: 0 1 calc(33.333% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.k605f91 {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

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

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

.aa9e {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

  .ke2d4e07 {
    flex-direction: row;
    gap: 1rem;
  }

  .k605f91 {
    width: 120px;
    height: 120px;
    flex-shrink: 0;
    border-radius: var(--radius-md);
  }

  .b6cd793 {
    flex: 1;
    padding: 0;
  }
}

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

.cda1 {
  text-align: center;
  max-width: 800px;
}

.e54cc5 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

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

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

.oc29d6 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

.jfb {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

.n9bab2 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 1px solid rgba(202, 138, 4, 0.1);
  transition: all var(--transition-base, 0.3s ease);
}

.n9bab2:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(202, 138, 4, 0.12);
}

.efca0f7 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

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

.i4d27d93 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

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

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

.b42b2 p {
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

.e9e8e0 {
  flex: 1 1 45%;
  min-width: 280px;
  max-width: 500px;
  width: 100%;
  height: auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

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

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

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

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

.h3997 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

.pbc6df {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2.5vw, 2rem);
  margin-top: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.hf55ac {
  flex: 1;
  padding-top: 0.25rem;
}

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

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

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

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

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

.ja62 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1.25rem;
  border-radius: 50px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

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

.f962 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  margin: clamp(1.5rem, 3vw, 2.5rem) auto;
  max-width: 700px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.fd3ecf19 {
  font-size: clamp(0.95rem, 1.1vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  font-style: italic;
  margin-bottom: 1rem;
}

.kab76b {
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

.p74a2595 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  margin-top: 2rem;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.haf1b {
  background: var(--color-bg-secondary);
  padding: 0.75rem 1.5rem;
  border-radius: 50px;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  border: 1px solid rgba(202, 138, 4, 0.15);
}

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

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

.ke928 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

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

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

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

  .b42b2 {
    flex: 1 1 100%;
  }

  .e9e8e0 {
    flex: 1 1 100%;
  }

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

  .c92 {
    align-self: flex-start;
  }

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

@media (max-width: 480px) {
  .n9bab2 {
    flex: 1 1 100%;
    min-width: auto;
    max-width: none;
  }

  .p74a2595 {
    gap: 0.75rem;
  }

  .haf1b {
    padding: 0.6rem 1.25rem;
  }
}

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

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

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

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

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

.b31b88 {
  position: relative;
  width: 100%;
  max-width: 600px;
  aspect-ratio: 4/3;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(28, 25, 23, 0.1);
}

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

.eed {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(202, 138, 4, 0.08) 0%, rgba(202, 138, 4, 0.04) 100%);
  pointer-events: none;
}

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

.aa8 {
  font-size: clamp(0.75rem, 1.5vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

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

.aae71f6 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.375rem);
  color: var(--color-text-secondary);
  font-weight: 400;
  line-height: 1.5;
}

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

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

.faa8b1 {
  text-align: center;
}

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

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

.b26dff p {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.l0df4 {
  text-align: center;
}

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

.e81e {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.m282f {
  flex: 1 1 clamp(250px, 22vw, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2.25rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: all 0.3s ease;
}

.m282f:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(28, 25, 23, 0.12);
  border-color: var(--color-accent);
}

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

.m96 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.p00e8 {
  text-align: center;
}

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

.kd2fcd {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
}

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

.kd92 {
  flex: 1 1 clamp(280px, 30vw, 360px);
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 2.5vw, 2.5rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  transition: all 0.3s ease;
}

.kd92:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(28, 25, 23, 0.15);
  border-color: var(--color-accent);
}

.afe8 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.mf2e {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.b0022 {
  text-align: center;
}

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

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

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

.g1698475 {
  font-size: clamp(1.75rem, 2.5vw, 2.25rem);
  color: var(--color-accent);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.j06d43e h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.75vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.eff {
  text-align: center;
}

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

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

.cef {
  flex: 1 1 clamp(280px, 30vw, 340px);
  background: var(--color-bg-card);
  padding: clamp(1.75rem, 2.5vw, 2.5rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.o7e7 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.bb7eaef1 {
  background: var(--color-accent);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: clamp(0.75rem, 1.5vw, 1.25rem);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m9eff {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
}

.i91f {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.6;
}

.bd6 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: center;
  align-items: center;
}

.ob37b1 {
  display: inline-block;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  cursor: pointer;
}

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

.e9c968 {
  display: inline-block;
  background: transparent;
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.875rem, 1.25vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid var(--color-text-on-accent);
  cursor: pointer;
}

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

@media (max-width: 767px) {
  .p3c8da03 {
    align-items: center;
  }

  .g1cf83 {
    flex-direction: column;
  }

  .m282f {
    flex: 1 1 100%;
  }

  .b1d {
    flex-direction: column;
  }

  .kd92 {
    flex: 1 1 100%;
  }

  .m8b0d {
    flex-direction: column;
  }

  .cef {
    flex: 1 1 100%;
  }

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

  .g1698475 {
    justify-content: center;
  }

  .bd6 {
    flex-direction: column;
  }

  .ob37b1,
  .e9c968 {
    width: 100%;
    text-align: center;
  }
}

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

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

  .b1d {
    flex-direction: row;
  }

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

  .m8b0d {
    flex-direction: row;
  }

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

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

  .m282f {
    flex: 1 1 calc(25% - 0.75rem);
  }

  .b1d {
    flex-direction: row;
  }

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

  .m8b0d {
    flex-direction: row;
  }

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

  .bd6 {
    flex-direction: row;
  }

  .ob37b1,
  .e9c968 {
    width: auto;
  }
}

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .k4cfbc9b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.e13f6 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

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

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

.c304 {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-tertiary);
}

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

.h0c7:hover .c304 img {
  transform: scale(1.05);
}

.p1c {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.e7402 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-full);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  letter-spacing: 0.5px;
}

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

.abdf76c3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.bd6a3f {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  padding: 0.5rem 0;
  border-bottom: 2px solid var(--color-accent);
  transition: color var(--transition-base), border-color var(--transition-base);
  width: fit-content;
}

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

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

  .e13f6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

  .c304 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .bbd8f6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .e13f6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .c304 {
    height: 320px;
  }
}

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

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

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

.m075d5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

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

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

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

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

@media (min-width: 1024px) {
  .ia982 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.m4af {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.e31f55 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

@media (min-width: 768px) {
  .m4af {
    padding: var(--spacing-4xl) var(--spacing-lg);
    min-height: 350px;
  }
}

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

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

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

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

@media (min-width: 768px) {
  .j78ef8e {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }
  
  .i5fb9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j78ef8e {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }
  
  .i5fb9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.h153a {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  height: 60px;
  display: flex;
  align-items: center;
}

.i461f {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: 1.3;
}

.gb846 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  flex-grow: 1;
}

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

.md14 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.8rem;
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  border-radius: var(--radius-full);
  font-weight: 500;
}

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

.a1a77 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-3xl) 0;
  font-weight: 700;
}

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

@media (min-width: 768px) {
  .j98acb {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-xl);
  }
  
  .mb37a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j98acb {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: var(--spacing-2xl);
  }
  
  .mb37a {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.lc9 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  position: relative;
}

.n4fad612 {
  font-family: var(--font-heading);
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  opacity: 0.3;
}

.ka86f {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.ic1 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.c36 {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.fea2f38 {
  max-width: 700px;
  margin: 0 auto;
}

.l12b6188 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.i83 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

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

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

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

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

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

.b27 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-3xl) 0;
  font-weight: 700;
}

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

@media (min-width: 768px) {
  .ha0c62b {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-lg);
  }
  
  .i2b1 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ha0c62b {
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-2xl);
  }
  
  .i2b1 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.d44647 {
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

.d44647:hover {
  box-shadow: var(--shadow-xl);
  transform: scale(1.02);
}

.efd1 {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  background-color: var(--color-bg-secondary);
}

.ge5e {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 500;
  text-align: center;
  margin: 0;
}

@media (min-width: 768px) {
  .d44647:hover .efd1 {
    filter: brightness(1.05);
  }
}

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

.ee7 main {
  width: 100%;
  padding: 0;
}

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

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

.ee7 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.ee7 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  border-bottom: 2px solid var(--color-border-light);
}

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

.ee7 .ma53 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

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

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

.ee7 .g41de707 {
  margin-bottom: var(--spacing-2xl);
}

.ee7 .nf973e {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.ee7 .nf973e h2 {
  border-bottom: none;
  padding-bottom: 0;
  margin-top: var(--spacing-md);
}

.ee7 .nf973e p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.ee7 .a78 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-md);
  border-radius: var(--radius-sm);
  margin: var(--spacing-md) 0;
}

.ee7 .a78 li {
  margin-bottom: var(--spacing-sm);
}

.ee7 .he4 {
  list-style-type: none;
  margin-left: 0;
}

.ee7 .he4 li {
  padding-left: var(--spacing-lg);
  position: relative;
  margin-bottom: var(--spacing-md);
}

.ee7 .he4 li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: bold;
}

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

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

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

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

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

.ce28678 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.o3e {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e847ac13 {
  text-align: center;
  animation: slideInUp 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  opacity: 0;
}

.h09 {
  margin-bottom: var(--spacing-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  background-color: var(--color-bg-secondary);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  opacity: 0;
  animation-delay: 0.2s;
}

.h09 svg {
  width: 56px;
  height: 56px;
  stroke-width: 1.5;
}

.f58b {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
  animation: fadeInDown 0.7s ease-out forwards;
  opacity: 0;
  animation-delay: 0.3s;
}

.fea0b0c4 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  animation: fadeInDown 0.7s ease-out forwards;
  opacity: 0;
  animation-delay: 0.4s;
}

.gc0385d1 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  animation: fadeIn 0.7s ease-out forwards;
  opacity: 0;
  animation-delay: 0.5s;
}

.efbf75 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  animation: fadeIn 0.7s ease-out forwards;
  opacity: 0;
  animation-delay: 0.6s;
}

.o43ca {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base) ease-out;
  border: 2px solid transparent;
  cursor: pointer;
  letter-spacing: 0.3px;
  animation: fadeInUp 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
  opacity: 0;
  animation-delay: 0.7s;
}

.lc89a0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.lc89a0:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (min-width: 640px) {
  .ce28678 {
    padding: var(--spacing-lg);
  }

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

  .h09 {
    width: 120px;
    height: 120px;
  }

  .h09 svg {
    width: 68px;
    height: 68px;
  }
}

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

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

  .e847ac13 {
    animation-duration: 1s;
  }

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

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

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

  .o43ca:hover {
    transform: translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .e847ac13,
  .h09,
  .f58b,
  .fea0b0c4,
  .gc0385d1,
  .efbf75,
  .o43ca {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .o43ca:hover {
    transform: none;
  }
}

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

.mf692f79 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.l232ef38 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.o3e {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.nb99 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.b4e {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.p3f {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.b36f60c8 {
  font-size: clamp(4rem, 15vw, 9rem);
  font-weight: 900;
  font-family: var(--font-heading);
  color: var(--color-primary);
  letter-spacing: -0.02em;
  position: relative;
  z-index: 10;
  animation: float-error 3s ease-in-out infinite;
  line-height: 1;
}

@keyframes float-error {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.h9e {
  position: absolute;
  width: 150px;
  height: 150px;
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  animation: orbit-1 6s linear infinite;
  opacity: 0.4;
}

@keyframes orbit-1 {
  from {
    transform: rotate(0deg) translateX(120px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(120px) rotate(-360deg);
  }
}

.b50ec4 {
  position: absolute;
  width: 200px;
  height: 200px;
  border: 2px solid var(--color-accent-light);
  border-radius: 50%;
  animation: orbit-2 8s linear infinite reverse;
  opacity: 0.3;
}

@keyframes orbit-2 {
  from {
    transform: rotate(0deg) translateX(160px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(160px) rotate(-360deg);
  }
}

.k27 {
  position: absolute;
  width: 100px;
  height: 100px;
  border: 2px dashed var(--color-secondary-light);
  border-radius: 50%;
  animation: pulse-error 4s ease-in-out infinite;
  opacity: 0.3;
}

@keyframes pulse-error {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.6;
  }
}

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

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

.p1126bf {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.3px;
}

.a14e9 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.b992 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: center;
  margin: var(--spacing-lg) 0;
}

.o43ca {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  letter-spacing: 0.5px;
  min-width: 200px;
}

.lc89a0 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
  box-shadow: var(--shadow-md);
}

.lc89a0:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
}

.lc89a0:active {
  transform: translateY(-1px);
}

.m7572f {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

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

@media (min-width: 480px) {
  .l232ef38 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .b4e {
    height: 320px;
    margin-bottom: var(--spacing-lg);
  }

  .h9e {
    width: 180px;
    height: 180px;
  }

  .b50ec4 {
    width: 240px;
    height: 240px;
  }

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

  .o43ca {
    min-width: 240px;
  }
}

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

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

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

  .b4e {
    height: 380px;
    margin-bottom: var(--spacing-2xl);
  }

  .h9e {
    width: 200px;
    height: 200px;
    border-width: 4px;
  }

  .b50ec4 {
    width: 280px;
    height: 280px;
    border-width: 3px;
  }

  .m7572f {
    padding: var(--spacing-lg) var(--spacing-2xl);
    margin-top: var(--spacing-2xl);
  }
}

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

  .b4e {
    height: 420px;
  }

  .h9e {
    width: 220px;
    height: 220px;
  }

  .b50ec4 {
    width: 320px;
    height: 320px;
  }

  .k27 {
    width: 120px;
    height: 120px;
  }

  .o43ca {
    min-width: 280px;
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (max-width: 479px) {
  .b4e {
    height: 240px;
  }

  .h9e {
    width: 120px;
    height: 120px;
  }

  .b50ec4 {
    width: 160px;
    height: 160px;
  }

  .k27 {
    width: 80px;
    height: 80px;
  }

  .o43ca {
    width: 100%;
    min-width: unset;
  }
}

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

.ide06 {
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  position: relative;
}

.ide06::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
              radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);
  pointer-events: none;
}

.ffb809 {
  position: relative;
  z-index: 1;
}

.caba4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin: 0;
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.e58 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  opacity: 0.95;
}

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

.b5c750 {
  width: 100%;
}

.ld5bfe1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}

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

.gf2078 {
  width: 100%;
}

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

.iedc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

.l38622 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
}

.fc2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.n15988b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 500;
  color: var(--color-text-primary);
  display: block;
}

.g89,
.c1ecfa5f,
.ac08b489 {
  width: 100%;
  padding: clamp(0.75rem, 1vw, 1rem);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.g89::placeholder,
.c1ecfa5f::placeholder,
.ac08b489::placeholder {
  color: var(--color-text-muted);
}

.g89:focus,
.c1ecfa5f:focus,
.ac08b489:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.ac08b489 {
  resize: vertical;
  min-height: 140px;
  font-family: var(--font-primary);
}

.c1ecfa5f {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.5rem;
  cursor: pointer;
}

.p58 {
  width: 100%;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-sm);
}

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

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

.i34bcd29 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.ic7fa6 {
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-fast);
  font-weight: 500;
}

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

.o7f {
  width: 100%;
}

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

.m98 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

.pda {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.f81 {
  display: flex;
  gap: var(--spacing-md);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.f81:hover {
  border-color: var(--color-primary-light);
  background-color: var(--color-bg-secondary);
}

.eab4 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: var(--radius-md);
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
}

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

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

.i52b5d88 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.6;
}

.g440a26 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  margin: var(--spacing-xs) 0 0 0;
}

.d89105 {
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-fast);
  font-weight: 500;
}

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

.jd6247a8 {
  padding: var(--spacing-lg);
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-secondary-light));
  border-radius: var(--radius-lg);
  overflow: hidden;
  position: relative;
}

.jd6247a8::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: pulse-glow 4s ease-in-out infinite;
}

@keyframes pulse-glow {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

.k9f88 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
  position: relative;
  z-index: 1;
}

.d78ba {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

.ca09b5 {
  display: inline-block;
  padding: clamp(0.75rem, 1.5vw, 0.9rem) clamp(1.5rem, 3vw, 2rem);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  position: relative;
  z-index: 1;
}

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

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

.ec02fa {
  width: 100%;
}

.k021d1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-2xl);
  text-align: center;
  letter-spacing: -0.02em;
}

.b1488bf {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--spacing-lg);
}

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

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

.ea2:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-4px);
}

.p8e3ae8 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.15rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  margin-bottom: var(--spacing-sm);
}

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

@media (max-width: 1024px) {
  .ld5bfe1 {
    gap: clamp(1.5rem, 4vw, 3rem);
  }

  .ide06 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .g1d6a {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .bb03a0 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

@media (max-width: 480px) {
  .l38622,
  .pda {
    gap: var(--spacing-md);
  }

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

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

  .iedc,
  .m98 {
    margin-bottom: var(--spacing-md);
  }
}
.ga327b,.b23{
  width: 34px;
}

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

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.m20a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .m20a{
    max-width: 100%;
  }
}

.m20a.e8814f{
  z-index: 999;
}

.d9b{
  padding-top: 50px;
}

.ga327b[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ec8b2b97 {
    aspect-ratio: 6 / 9;
  }
}