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

:root {
  --color-bg-primary: #f8f9fa;
  --color-bg-secondary: #e9ecef;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #212529;
  --color-text-secondary: #495057;
  --color-text-muted: #5f6367;

  --color-primary: #0d6efd;
  --color-primary-hover: #0b5ed7;
  --color-primary-light: #e7f1ff;
  --color-secondary: #6610f2;
  --color-secondary-light: #f0e7ff;

  --color-success: #198754;
  --color-success-light: #e7f5ed;
  --color-warning: #ff9800;
  --color-warning-light: #fff4e6;
  --color-danger: #dc3545;
  --color-danger-light: #ffe7eb;

  --color-border: #dee2e6;
  --color-border-light: #e9ecef;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

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

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

  --shadow-sm: 0 1px 2px rgba(33, 37, 41, 0.05);
  --shadow-md: 0 4px 6px rgba(33, 37, 41, 0.1);
  --shadow-lg: 0 10px 15px rgba(33, 37, 41, 0.15);
  --shadow-xl: 0 20px 25px rgba(33, 37, 41, 0.2);

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3rem;
  font-weight: 700;
}

h2 {
  font-size: 2.25rem;
  font-weight: 700;
}

h3 {
  font-size: 1.75rem;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

.j71f {
  background: var(--color-secondary);
  color: #ffffff;
}

.j71f:hover {
  background: #5a0de0;
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

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

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

.k36:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

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

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

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

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

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

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

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

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

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

.bb3949ed {
  display: flex;
  gap: var(--spacing-md);
}

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

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

.ocf {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

.hac9 {
  text-align: center;
}

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

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

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

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

.a7ce534a {
  color: var(--color-secondary);
}

.bd93f8e1 {
  font-weight: 700;
}

.k6eaaec4 {
  font-weight: 600;
}

.abd0c {
  font-weight: 500;
}

.nc1416 {
  font-weight: 400;
}

.m31bb3 {
  font-size: 0.875rem;
}

.f5e1f3 {
  font-size: 1.125rem;
}

.bc3d3474 {
  font-size: 1.375rem;
}

.e077ff9 {
  font-size: 1.75rem;
}

.gc12 {
  line-height: 1.2;
}

.j61d8831 {
  line-height: 1.6;
}

.gbbcec4 {
  line-height: 1.8;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l11af {
  border-radius: var(--radius-sm);
}

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

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

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

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

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

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

.n02 {
  border: 2px solid var(--color-primary);
}

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

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

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

.d22 {
  box-shadow: var(--shadow-xl);
}

.h4671 {
  opacity: 0.5;
}

.k509a {
  opacity: 0.75;
}

.h64b8ebe {
  display: none;
}

.neae44 {
  display: block;
}

.f87b {
  display: inline;
}

.me3e185 {
  display: inline-block;
}

.m4fff407 {
  display: block;
}

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

  h2 {
    font-size: 1.75rem;
  }

  h3 {
    font-size: 1.375rem;
  }

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

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

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

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

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

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

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

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

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

  button, .k36 {
    width: 100%;
  }

  .bb3949ed {
    flex-direction: column;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.c77 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  overflow: hidden;
}

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

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

.ad289:hover {
  opacity: 0.85;
}

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

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

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

.n8911e {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color var(--transition-fast) ease;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  white-space: nowrap;
}

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

.m1f14 {
  display: none;
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1rem, 2.5vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  transition: all var(--transition-fast) ease;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  white-space: nowrap;
}

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

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

.i43b7b81 span {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  transition: all var(--transition-fast) ease;
  display: block;
}

.i43b7b81.i6666 span:nth-child(1) {
  transform: rotate(45deg) translate(10px, 10px);
}

.i43b7b81.i6666 span:nth-child(2) {
  opacity: 0;
}

.i43b7b81.i6666 span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.g47fc {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 350px;
  height: 100vh;
  background: var(--color-bg-primary);
  box-shadow: -2px 0 15px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 200;
  overflow-y: auto;
}

.g47fc.i6666 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.ica {
  padding: 1rem 1.5rem;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all var(--transition-fast) ease;
  border-left: 3px solid transparent;
}

.ica:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  border-left-color: var(--color-accent);
}

.g2b4 {
  padding: 1rem 1.5rem;
  margin: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  text-align: center;
  transition: all var(--transition-fast) ease;
  flex-shrink: 0;
}

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

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

  .p718e169 {
    display: flex;
  }

  .m1f14 {
    display: inline-block;
  }

  .i43b7b81 {
    display: none;
  }

  .g47fc {
    display: none;
  }
}

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

  .n8911e {
    padding: 0.75rem 0;
  }

  .p718e169 {
    gap: 2rem;
  }
}

@media (max-width: 767px) {
  body.acb72 {
    overflow: hidden;
  }
}

    .e3f98 {
  width: 100%;
}

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

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

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

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

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

.n1aa {
  font-size: clamp(2rem, 7vw + 0.5rem, 4.5rem);
  color: var(--color-text-primary);
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -0.02em;
}

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

.d622474 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 750px;
}

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

.k36 {
  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;
  transition: all var(--transition-base);
  text-align: center;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  cursor: pointer;
  border: none;
}

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

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

.f16d56 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

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

.a9d6 {
  text-align: center;
}

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

.g17 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.h711 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.5rem);
  font-weight: 900;
  color: var(--color-accent);
  min-width: 120px;
  flex-shrink: 0;
}

.l5190fa9 {
  flex: 1;
}

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

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

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

  .h711 {
    min-width: auto;
  }
}

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

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

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

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

.o4d5aa {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.n314 {
  flex-direction: row;
}

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

.n3bc2 {
  flex-shrink: 0;
  min-width: 80px;
  text-align: center;
}

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

.o884 {
  flex: 1;
}

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

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

@media (max-width: 768px) {
  .g2b3f23,
  .n314,
  .pc07 {
    flex-direction: column !important;
  }

  .n3bc2 {
    min-width: auto;
  }
}

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

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

.f1f {
  text-align: center;
}

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

.a66db {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

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

.f91f {
  flex-direction: row;
}

.g12686e {
  flex: 1 1 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

.d2bf34e9 {
  flex: 1 1 50%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  position: relative;
  z-index: 2;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.p9e .d2bf34e9 {
  margin-top: 0;
  margin-right: clamp(1rem, 3vw, 2rem);
}

.p39 .d2bf34e9 {
  margin-top: 0;
  margin-left: clamp(1rem, 3vw, 2rem);
}

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

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

.kf8a2 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
}

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

@media (max-width: 768px) {
  .b26ec10a,
  .p39,
  .f91f {
    flex-direction: column !important;
  }

  .g12686e {
    flex: 1 1 100%;
  }

  .d2bf34e9 {
    flex: 1 1 100%;
    margin-top: clamp(1.5rem, 3vw, 2rem) !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

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

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

.f76 {
  text-align: center;
}

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

.a5b3 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

.b312 {
  flex: 1 1 clamp(250px, 30vw, 350px);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.25rem, 2vw, 2rem);
}

.i9e {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.i0dcd {
  font-size: clamp(2.25rem, 3vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

.hde118 {
  text-align: center;
}

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

.ib11b7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.k2c20f {
  flex: 1 1 clamp(280px, 30vw, 350px);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

.h54 {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f770c {
  font-size: clamp(2.25rem, 3vw, 3rem);
  color: var(--color-accent);
}

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

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

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

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

.p93d {
  flex: 1 1 45%;
  min-height: 400px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

.i993 {
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border: none;
  text-align: left;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  transition: all var(--transition-base);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
}

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

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

.hb6582e4 {
  color: var(--color-accent);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.i993.i6666 .hb6582e4 {
  transform: rotate(180deg);
}

.i7b063 {
  display: none;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
}

.i7b063.i6666 {
  display: block;
}

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

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

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

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

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

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

.o38d64b {
  text-align: center;
}

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

.d11 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1.25rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.g847b65 {
  flex: 1 1 clamp(280px, 30vw, 400px);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

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

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

.g847b65:hover .i090641 {
  transform: scale(1.05);
}

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

.j15 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.4;
}

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

.f6cbad0d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  display: inline-block;
  align-self: flex-start;
}

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

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

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

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

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

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

.o810da {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-weight: 800;
}

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

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

.m7d878 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
}

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

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

.j40082:hover,
.i4007:hover {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border-color: var(--color-bg-card);
}

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

.md4f.h64b8ebe {
  display: none;
}

.l9b4 {
  color: #f1f5f9;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  max-width: 500px;
  line-height: 1.5;
}

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

.nd8,
.o98a8b {
  padding: 0.5rem clamp(1rem, 2vw, 1.25rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.75rem, 1vw + 0.4rem, 0.875rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

.nd8 {
  background: #0d6efd;
  color: #ffffff;
}

.nd8:hover {
  background: #0b5ed7;
  transform: translateY(-1px);
}

.o98a8b {
  background: transparent;
  color: #f1f5f9;
  border: 1px solid rgba(241, 245, 249, 0.3);
}

.o98a8b:hover {
  background: rgba(241, 245, 249, 0.1);
  border-color: rgba(241, 245, 249, 0.6);
}

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

  .l9b4 {
    order: 1;
  }

  .i153 {
    order: 2;
    width: 100%;
  }

  .nd8,
  .o98a8b {
    flex: 1;
  }
}

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

  .b312 {
    flex: 1 1 100%;
  }

  .f81b7 {
    flex-direction: column;
  }

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

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

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

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

.jd46b {
  max-width: 520px;
}

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

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

.lb0e1068 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  justify-content: flex-start;
}

.a31313e3 {
  flex: 1 1 160px;
  min-width: 160px;
}

.a31313e3 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 700;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: -0.3px;
}

.c21a4e {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.n4cd6 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  text-decoration: none;
  transition: color var(--transition-fast);
  line-height: 1.6;
}

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

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

.a30e29c6 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.95vw, 0.9375rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.b474c973 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.p2b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
}

.m7097 {
  text-align: center;
}

.m7097 p {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1.5;
}

.pbd {
  text-align: center;
}

.pbd p {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  line-height: 1.5;
  font-weight: 500;
}

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

  .a31313e3 {
    flex: 1 1 100%;
  }

  .jd46b {
    max-width: 100%;
  }

  .lc5 {
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }
}

@media (max-width: 480px) {
  .c21a4e,
  .b474c973 {
    gap: 0.5rem;
  }

  .f8e4f1b {
    gap: 0.5rem;
  }

  .a31313e3 h4 {
    font-size: 1rem;
  }

  .n4cd6,
  .a30e29c6 {
    font-size: 0.8125rem;
  }
}
    

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

.ifdf {
  color: var(--color-text-on-accent);
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  line-height: 1.2;
  font-weight: 700;
}

.eea1c {
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  opacity: 0.95;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.5;
}

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

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

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

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

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

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

.i36927 {
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

.l9e632 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.d4233d01 {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

.mb82de {
  flex: 1 1 100%;
  min-width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

.e92 {
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-top: clamp(0.5rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

.e92:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

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

  .o4bdf57f {
    flex-direction: column;
  }
}

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

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

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

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

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

  .l9e632 {
    grid-column: span 1;
  }

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

@media (min-width: 1200px) {
  .ifdf {
    font-size: clamp(2.5rem, 6vw + 1rem, 4rem);
  }
}

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

html, body {
  font-family: 'Karla', sans-serif;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

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

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

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

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

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

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

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

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

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

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

.k3bcc {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
}

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

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

.hbe i {
  color: var(--color-accent);
  width: 16px;
  text-align: center;
}

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

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

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

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

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

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

.f8787 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .mbd,
  .o0f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.n83 {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg, 12px);
  display: block;
  object-fit: cover;
}

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

  .g6d5,
  .pee2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

  .n99bd76e,
  .b7fb3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.j010 {
  list-style: none;
  margin-top: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

  .j501569,
  .mbda17 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.he8a0f {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg, 12px);
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.o44e5275 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.b911d2 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-on-accent);
  opacity: 0.95;
}

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

.oec33:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

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

.d2b347 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg, 12px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  max-width: 350px;
  border: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

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

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

.c2a6d1 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md, 8px);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

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

.fd9 {
  width: 120px;
  height: 100px;
  border-radius: var(--radius-md, 8px);
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .he8a0f {
    padding: clamp(1.5rem, 3vw, 2rem);
  }
}

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

html, body {
  font-family: var(--font-primary);
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

.b18bb32 {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  width: fit-content;
}

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

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

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

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

.ac1 i {
  color: var(--color-accent);
  width: 1.125rem;
  text-align: center;
}

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

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

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

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

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

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

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

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

  .m596c2b,
  .d25 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .i45,
  .a97 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .p2e9b7,
  .ecd5b2f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.aabd2c0a {
  background: var(--color-warning-light);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

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

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

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

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

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

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

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

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

.e359f {
  background: var(--color-bg-tertiary);
  padding: clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.h72a221b {
  font-weight: 600;
  color: var(--color-text-primary);
  flex-shrink: 0;
}

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

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

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

  .c799a,
  .j13c3 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.n99da8 {
  flex: 1 1 65%;
}

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

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

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

.o70f {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

.d82c {
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  align-items: center;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

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

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

.baaa7b94 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

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

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

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

  .n99da8 {
    flex: 1 1 100%;
  }

  .o70f {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }
}

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

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

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

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

.gaf532e7 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  transition: box-shadow var(--transition-fast);
}

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

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

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

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

.c00c35f0 {
  color: var(--color-accent);
  text-decoration: none;
  transition: color var(--transition-fast);
}

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

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

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

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

  .o70f {
    position: static;
  }
}

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

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

  .e359f {
    flex-direction: column;
  }
}

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

html, body {
  width: 100%;
}

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

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

.p19f090a {
  width: 100%;
}

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

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

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

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

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

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

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

.hdf {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw, 1.25rem);
  line-height: 1.6;
  max-width: 90%;
}

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

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

.d4a37e i {
  color: var(--color-accent);
  width: 1rem;
  text-align: center;
}

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

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

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

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

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

.e0c20 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

.cfc65b {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 1rem);
}

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

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

.o7478927 {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 2rem);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.d843cd {
  background: var(--color-bg-tertiary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg, 8px);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

.m28 {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full, 50%);
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}

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

.kae5 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

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

.ka7699bb {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Rubik', sans-serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

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

.c8492 {
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg, 8px);
  overflow: hidden;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all var(--transition-base, 0.3s ease);
}

.c8492:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.oa2491 {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-md, 6px);
  overflow: hidden;
}

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

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

.h771f66 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  font-family: 'Rubik', sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

  .d471b {
    font-size: 0.8125rem;
  }

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

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

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

  .oa2491 {
    width: 100%;
    height: 180px;
  }

  .me87d6e {
    flex-direction: row;
  }
}

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

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

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

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

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

.c2008 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fb7ae018 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .ffa,
  .fb7ae018 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.af4 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.ea4d3f3 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.h20af6 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .nc5,
  .h20af6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.p451d5 {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

  .p451d5,
  .c6c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.abdb1a {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: start;
}

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

.c5e779 {
  position: sticky;
  top: 2rem;
}

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

.j1af9 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

.kd43 {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: clamp(2rem, 4vw, 3rem) 0;
}

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

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

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

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

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

.g0ec7 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  border: 1px solid var(--color-border-light);
  position: relative;
}

.a1d99352 {
  position: absolute;
  top: clamp(1rem, 2vw, 1.5rem);
  right: clamp(1rem, 2vw, 1.5rem);
  width: clamp(2.5rem, 5vw, 3rem);
  height: clamp(2.5rem, 5vw, 3rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

  .c5e779 {
    position: static;
    top: auto;
  }
}

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

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

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

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

.afe335 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.33rem));
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.25rem);
  padding: clamp(1rem, 2vw, 1.25rem);
}

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

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

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

.f5b7585b {
  margin: 0;
  line-height: 1.3;
}

.lf20 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all 0.3s ease;
  display: block;
}

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

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

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

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

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

* {
  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 {
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n67 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.n5d8 {
  color: var(--color-text-primary);
  font-size: clamp(2.5rem, 6vw + 1rem, 4rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.h94632 {
  color: var(--color-text-secondary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 400;
  max-width: 700px;
  line-height: 1.6;
}

.c457d {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  margin: clamp(2rem, 4vw, 3rem) auto 0;
  box-shadow: var(--shadow-xl);
}

.bb31282 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

.m59 {
  flex: 1 1 auto;
  min-width: 180px;
  text-align: center;
}

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

.le2b0 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.d95 {
  max-width: 750px;
  margin: 0 auto;
}

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

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

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

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

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

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

.id9e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.75rem, 3vw, 2.5rem);
  transition: all var(--transition-base);
}

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

.f9f3d7 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.75rem);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

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

.f2af2b {
  color: var(--color-accent);
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  min-width: clamp(3rem, 6vw, 4rem);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  font-family: var(--font-heading);
}

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

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

.n64 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.0625rem);
  line-height: 1.7;
}

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

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

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

.n65 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  max-width: 700px;
  box-shadow: var(--shadow-md);
}

.e8b47 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  line-height: 1.8;
  font-style: italic;
  margin-bottom: 1.5rem;
}

.kf7 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1.0625rem);
  font-weight: 700;
  font-style: normal;
}

.e93de {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw + 0.25rem, 0.9375rem);
  font-weight: 400;
}

.ja8dc232 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

.j777 {
  color: var(--color-accent);
  font-size: clamp(3rem, 6vw, 4rem);
}

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

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

.afb508e5 {
  background: var(--color-bg-card);
  padding: clamp(3rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border);
}

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

.ha6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

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

.ja5 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 700;
}

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

.gc731 {
  width: 100%;
  height: auto;
  max-width: 600px;
  border-radius: var(--radius-lg);
  display: block;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto;
  box-shadow: var(--shadow-md);
}

.nd812f {
  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: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.25rem, 1rem);
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

.nd812f:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

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

  .m59 {
    min-width: 100%;
  }

  .id9e {
    flex: 1 1 100%;
  }

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

  .f2af2b {
    margin: 0 auto;
  }

  .d00 {
    text-align: center;
  }

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

  .od531 {
    font-size: 1.25rem;
  }

  .n65 {
    border-left: none;
    border-top: 4px solid var(--color-accent);
  }
}

@media (max-width: 480px) {
  .n5d8 {
    font-size: clamp(1.75rem, 4vw, 2.25rem);
  }

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

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

  .id9e {
    padding: clamp(1.25rem, 2vw, 1.75rem);
  }

  .c77790 {
    gap: clamp(0.75rem, 2vw, 1rem);
  }

  .f2af2b {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    font-size: 1.25rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

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

.bd5 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.fffdc {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: var(--color-accent);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

.jaae14e {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
}

@media (min-width: 768px) {
  .jaae14e {
    flex: 1 1 45%;
    min-height: 350px;
  }
}

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

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

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

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

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

.lc9f18b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.mfb4d26b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .fe0b3 {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

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

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

.e599f {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

.g1a7 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

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

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

.a6bc4d {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex: 1 1 100%;
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

.oc65c3f2 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .p017fb {
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
}

.n23a {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  flex: 1 1 100%;
  min-width: 250px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.b8cecf3e {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
}

.eb0e2a {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
  max-width: 600px;
  opacity: 0.95;
}

.ib2f4d4 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  align-items: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

.kaa42,
.gea {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  display: inline-block;
  text-align: center;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

.kaa42:hover {
  background: var(--color-bg-primary);
  color: var(--color-accent-hover);
  text-decoration: none;
}

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

.gea:hover {
  background: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}

@media (max-width: 640px) {
  .kaa42,
  .gea {
    width: 100%;
    max-width: 300px;
  }
}

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

  .h5c,
  .db5f9b,
  .lf6fcad,
  .kc9,
  .e7db02 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

.j22 {
  width: 100%;
}

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

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

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

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

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

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

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

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

.e62054c8 {
  margin-bottom: var(--spacing-md);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  transition: all var(--transition-base);
}

.e62054c8:hover {
  box-shadow: var(--shadow-sm);
  border-color: var(--color-border);
}

.jd2495 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--spacing-lg);
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: color var(--transition-fast);
}

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

.jd2495:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.ead967 {
  flex: 1;
  line-height: 1.4;
}

.hed9d {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin-left: var(--spacing-md);
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--color-primary);
  transition: transform var(--transition-base);
}

.e62054c8.i6666 .hed9d {
  transform: rotate(45deg);
}

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

.e62054c8.i6666 .laa {
  max-height: 500px;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

.laa p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

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

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

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

  .e62054c8.i6666 .laa {
    padding: 0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl);
  }
}

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

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

.a1ff0c2c {
  max-width: 700px;
  margin: 0 auto;
}

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

.p96f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.k020b {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.k020b:focus {
  outline: 2px solid var(--color-accent-dark);
  outline-offset: 2px;
}

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

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

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

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

.p4ea0a {
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.mbe7de {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: var(--spacing-lg);
}

.m1d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.j5a {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

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

.b0e33d9f:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

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

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

.e47 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
}

.jec60 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.jec60 li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
}

.jec60 li:before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-success);
  font-weight: 700;
}

.a438 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

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

.f36 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.pfa8f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.7;
  max-width: 600px;
}

.b6eec {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.b6eec:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

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

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

  .j5a {
    max-height: 450px;
  }

  .c33 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .lde4c9b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .a438 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }

  .pbf9 {
    max-height: 400px;
    order: 2;
  }

  .e1e310 {
    order: 1;
  }
}

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

  .j5a {
    max-height: 500px;
  }

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

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

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

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

  .pbf9 {
    max-height: 450px;
  }
}

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

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

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

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

.ja3 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.2;
}

.ja3 .o1b19 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.ja3 ul {
  list-style-position: inside;
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

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

.ja3 .ndb26 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-2xl);
  border-radius: var(--radius-md);
}

.ja3 .ndb26 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ja3 .ndb26 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.ja3 .ndb26 strong {
  color: var(--color-primary);
  font-weight: 600;
}

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

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

.e5bcd {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.k37 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

.la8053c {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: slideUp 0.6s ease-out;
}

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

.d416e8b5 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-sm);
  animation: scaleIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.d416e8b5 svg {
  display: block;
  width: auto;
  height: auto;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
}

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

.d3113a2 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.5;
}

.mb6d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.7;
  letter-spacing: 0.3px;
}

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

.k36 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

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

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

.n0c13a67:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.g9bd9919 {
  padding: var(--spacing-md) var(--spacing-2xl);
  margin-top: var(--spacing-md);
}

@media (min-width: 480px) {
  .la8053c {
    gap: var(--spacing-xl);
  }
  
  .d416e8b5 {
    margin-bottom: var(--spacing-md);
  }
}

@media (min-width: 768px) {
  .e5bcd {
    padding: var(--spacing-lg);
    min-height: 100vh;
  }
  
  .la8053c {
    gap: var(--spacing-2xl);
  }
  
  .d416e8b5 svg {
    width: 100px;
    height: 100px;
  }
  
  .d3113a2 {
    margin-top: var(--spacing-sm);
  }
}

@media (min-width: 1024px) {
  .e5bcd {
    padding: var(--spacing-xl);
  }
  
  .la8053c {
    gap: var(--spacing-3xl);
  }
  
  .d416e8b5 {
    margin-bottom: var(--spacing-lg);
  }
  
  .g9bd9919 {
    padding: var(--spacing-lg) var(--spacing-3xl);
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .la8053c,
  .d416e8b5 {
    animation: none;
  }
  
  .n0c13a67:hover {
    transform: none;
  }
  
  .n0c13a67:active {
    transform: none;
  }
}

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

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

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

.c8ea0 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  background-color: var(--color-bg-primary);
}

.f15be {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.k37 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.d034b58 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.eeaf1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.j43 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.j91f0d {
  position: relative;
  display: inline-block;
}

.l1f81a {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 12vw, 9rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  display: block;
  letter-spacing: -2px;
}

.b438c {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(100px, 25vw, 200px);
  height: 4px;
  background: linear-gradient(
    90deg,
    transparent,
    var(--color-primary),
    transparent
  );
  border-radius: var(--radius-full);
}

.i2d7c {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
}

.i2d7c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.2;
  margin-top: var(--spacing-lg);
}

.oa3dfcf3 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  line-height: 1.6;
}

.kba06f67 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-top: var(--spacing-sm);
}

.jcc9383 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-xl);
  align-items: center;
  width: 100%;
}

.k36 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  min-height: 44px;
  min-width: 200px;
}

.n0c13a67 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

.nb50c2 {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

.h93cf382 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary-light);
  transition: all var(--transition-base);
}

.h93cf382:hover {
  background-color: var(--color-bg-tertiary);
  transform: translateX(4px);
}

.p1ecb21 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 700;
  flex-shrink: 0;
  min-width: 24px;
}

.m5a275 {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  text-align: left;
}

@media (min-width: 640px) {
  .f15be {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

  .nb50c2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-lg);
  }

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

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

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

  .i2d7c h1 {
    margin-top: var(--spacing-2xl);
  }

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

  .nb50c2 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-3xl);
  }
}

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

  .b438c {
    bottom: -28px;
  }

  .h93cf382 {
    flex-direction: column;
    text-align: center;
    gap: var(--spacing-sm);
  }

  .p1ecb21 {
    width: 100%;
  }

  .m5a275 {
    text-align: center;
  }
}

@media (min-width: 1440px) {
  .f15be {
    padding: 5rem 0;
  }

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

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

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

.e94d {
  text-align: center;
}

.bce8 {
  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);
  letter-spacing: -0.5px;
}

.n7a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

.md293daa {
  width: 100%;
}

.obc4821e {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  width: 100%;
}

.l21076 {
  flex: 1 1 100%;
  min-width: 0;
}

.ed21d35 {
  flex: 1 1 100%;
  min-width: 0;
}

.e97fd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  letter-spacing: -0.3px;
}

.hfdc5df9 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.m5e714bc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.e5e40c4,
.e9203 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
  line-height: 1.5;
}

.e5e40c4::placeholder,
.e9203::placeholder {
  color: var(--color-text-muted);
}

.e5e40c4:focus,
.e9203:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.e5e40c4:invalid:not(:placeholder-shown),
.e9203:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.e9203 {
  resize: vertical;
  min-height: 150px;
}

.ida5 {
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-sm);
}

.m28972 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.e9d04fe {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.d132902d {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
  letter-spacing: 0.3px;
}

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

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

.d132902d:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.mbf6a9 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xl);
  letter-spacing: -0.3px;
}

.ffc19e2e {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.p7a19a10 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.i71 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.df1a {
  flex: 1;
}

.gbb8 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

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

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

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

.b8f9 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-secondary);
}

.n3acef {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .ed21d35 {
    flex: 0 1 40%;
    min-width: 0;
  }
}

@media (min-width: 1440px) {
  .de93 {
    padding: 4rem 0;
  }

  .mcad {
    padding: 4rem 0;
  }
}
.i43b7b81,.db70b3{
  width: 34px;
}

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

.g47fc{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .g47fc{
    max-width: 100%;
  }
}

.g47fc.i6666{
  z-index: 999;
}

.i43b7b81[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .j0bc {
    aspect-ratio: 6 / 9;
  }
  .id924173 {
    aspect-ratio: 6 / 9;
  }
  .gca0 {
    aspect-ratio: 6 / 9;
  }
}