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

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

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

  --color-primary: #e11d48;
  --color-primary-hover: #be123c;
  --color-primary-light: #fce7eb;
  --color-primary-lighter: #fdf2f8;

  --color-secondary: #f43f5e;
  --color-secondary-light: #ffe0e6;
  --color-secondary-lighter: #fff5f7;

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

  --color-border: #e7e5e4;
  --color-border-light: #f5f3f2;
  --color-border-dark: #3a3735;

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

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

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

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 250ms ease-in-out;
  --transition-slow: 350ms ease-in-out;

  
  --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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: 2.75rem;
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: 2rem;
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.5rem;
  margin-bottom: var(--spacing-md);
}

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

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

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  text-decoration: none;
}

.la38 {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 0.95rem;
}

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

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

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

.j05d56:hover {
  background: #d9274f;
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

.hbbd8f {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: 1rem;
}

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

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

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

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

.f16f {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

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

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

.f16f a:hover {
  color: #ffe0e6;
}

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

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

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

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

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

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

.dad775 {
  display: flex;
}

.e12 {
  flex-direction: column;
}

.n67f4 {
  align-items: center;
}

.c0c {
  justify-content: center;
}

.bbd {
  justify-content: space-between;
}

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

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

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

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

.hfe0c9 {
  text-align: center;
}

.d00033ab {
  text-align: left;
}

.a1317d {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l86d { margin: 0; }
.aa03 { margin: var(--spacing-xs); }
.a2349b { margin: var(--spacing-sm); }
.db841db { margin: var(--spacing-md); }
.b67f10c4 { margin: var(--spacing-lg); }
.ab89d047 { margin: var(--spacing-xl); }

.f2a { margin-left: auto; margin-right: auto; }
.m22a { margin-top: auto; margin-bottom: auto; }

.ob16f { padding: 0; }
.j4236 { padding: var(--spacing-xs); }
.d831 { padding: var(--spacing-sm); }
.m95d71 { padding: var(--spacing-md); }
.g27 { padding: var(--spacing-lg); }
.i1d { padding: var(--spacing-xl); }

.p73 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.e07e8 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.e996aebf { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.l8ed197e { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.kd6f01 { margin-top: var(--spacing-sm); }
.l46da7 { margin-top: var(--spacing-md); }
.j2c0 { margin-top: var(--spacing-lg); }
.id679f2 { margin-top: var(--spacing-xl); }

.e651 { margin-bottom: var(--spacing-sm); }
.l377 { margin-bottom: var(--spacing-md); }
.df98e30b { margin-bottom: var(--spacing-lg); }
.c4b2 { margin-bottom: var(--spacing-xl); }

.nbb8aa { width: 100%; }
.kff942 { width: auto; }

.m0a { height: 100%; }
.bc69 { height: auto; }

.e7966f { opacity: 0.5; }
.e5e320d { opacity: 0.75; }
.l1c716 { opacity: 1; }

.b45dd { transition: all var(--transition-base); }
.d97727 { transition: all var(--transition-fast); }
.ed7a5 { transition: all var(--transition-slow); }

.ncfd901 { cursor: pointer; }
.ja145 { cursor: default; }

.a84 { user-select: none; }

.a1e0e749 { display: inline; }
.if6d7f { display: inline-block; }
.pb4 { display: block; }

.k59b { display: none; }

.ke198a5 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

  .a37ed,
  .g084d961,
  .k77f3 {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .la38 {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.875rem;
    width: 100%;
  }

  .p08 {
    padding: var(--spacing-2xl) 0;
  }
}
.o79 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

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

.ed9b:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

.j89 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

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

.c03 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  border-left: 1px solid var(--color-border-light);
}

.c03.i2633ff5 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.i68 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.nd2b2 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  font-weight: 500;
  padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 4vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

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

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

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

  .aef1c3c {
    display: block;
  }

  .j89 {
    display: none;
  }

  .c03 {
    display: none;
  }
}

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

  .haca23 {
    gap: 2.5rem;
  }

  .ac069 {
    font-size: 1rem;
  }

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

    

.k5f {
  font-family: 'DM Sans', sans-serif;
}

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

.la38 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

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

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

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

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

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

.k2764 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 0.5rem;
}

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

.f62e469e {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 1;
  position: relative;
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  overflow: hidden;
}

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

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

  .i0149,
  .l6b30 {
    flex: 1 1 100%;
  }

  .f62e469e {
    max-width: 100%;
    aspect-ratio: 4/3;
  }

  .k2764 {
    flex-direction: column;
  }

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

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

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

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

.md8bdafb {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

.f1e1 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

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

.m9756 i {
  color: var(--color-accent);
  flex-shrink: 0;
}

.bc60f {
  flex: 1 1 45%;
}

.nad {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-bg-card);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

.a9861 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 24px;
  transition: all 0.3s ease;
}

.nad:hover .a9861 {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: 0 0 20px rgba(225, 29, 72, 0.3);
}

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

  .m20e,
  .bc60f {
    flex: 1 1 100%;
  }
}

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

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

.k0f7d {
  text-align: center;
}

.cc3b7f {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
}

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

.l1bbbdb5 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.e247af {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

.m5427ac {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
}

.m5427ac::before {
  content: '';
  color: var(--color-accent);
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 0.125rem;
}

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

.d5934 {
  flex: 1 1 300px;
  max-width: 350px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all 0.3s ease;
}

.d5934:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

.n2c000a2 {
  font-size: 40px;
  color: var(--color-accent);
  margin: 0 auto;
}

.b5e00173 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

.ka2 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  text-align: center;
}

.p6c63 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #d4d4d8;
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

.gc1ded52 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
  color: var(--color-text-on-accent);
}

.gc1ded52:hover {
  background: var(--color-accent-hover);
  transform: translateX(4px);
  box-shadow: 0 8px 20px rgba(225, 29, 72, 0.3);
}

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

.j059ace {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
}

.m3b8 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: rgba(255, 255, 255, 0.9);
}

.gc1ded52 i {
  font-size: 20px;
  margin-left: 1rem;
  flex-shrink: 0;
}

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

  .gc1ded52 i {
    margin-left: 0;
    align-self: flex-end;
    margin-top: -2rem;
  }
}

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

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

.c51 {
  font-size: 60px;
  color: var(--color-accent);
}

.a417 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

.nb0 {
  flex: 1 1 280px;
  max-width: 380px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
}

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

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

.g491e231 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.b6571 {
  display: flex;
  position: relative;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}

.b6571:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);
}

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

.i2a3 {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(28, 25, 23, 0.8), transparent);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-on-accent);
}

.ea9d82c {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-on-accent);
  margin-bottom: 0.5rem;
  line-height: 1.3;
}

.kc80e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.5;
}

.bd5fbd {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  justify-content: space-between;
}

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

.hdbd:hover {
  border-color: var(--color-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

.d49f84 {
  flex: 0 0 80px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
}

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

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

.p39a088 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

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

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

.o0d8 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

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

  .mae0,
  .bd5fbd {
    flex: 1 1 100%;
  }

  .mae0 {
    min-height: 250px;
  }

  .hdbd {
    gap: 0.75rem;
  }

  .d49f84 {
    flex: 0 0 70px;
    height: 70px;
  }
}

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

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

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

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

.oe696 {
  display: flex;
  gap: clamp(1rem, 2vw, 1.5rem);
  overflow-x: auto;
  padding: 1rem 0;
  scroll-behavior: smooth;
}

.oe696::-webkit-scrollbar {
  height: 6px;
}

.oe696::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
  border-radius: 3px;
}

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

.f0289e9 {
  flex: 0 0 350px;
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.f0289e9:hover {
  transform: scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

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

.a8dc4 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1.5rem;
}

.c1a4 {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  cursor: pointer;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.c1a4:hover {
  background: var(--color-accent-hover);
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .f0289e9 {
    flex: 0 0 300px;
    height: 220px;
  }

  .c1a4 {
    width: 40px;
    height: 40px;
    font-size: 16px;
  }
}

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

.c60dd5.k59b {
  display: none;
}

.a1b {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: #e4e4e7;
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  text-align: center;
}

.o90d6f {
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
  justify-content: center;
}

.la4c6,
.bb5 {
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
}

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

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

.bb5 {
  background: transparent;
  color: #e4e4e7;
  border: 1px solid rgba(228, 228, 231, 0.3);
}

.bb5:hover {
  border-color: #e4e4e7;
  background: rgba(228, 228, 231, 0.1);
}

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

  .a1b {
    width: 100%;
  }

  .o90d6f {
    width: 100%;
  }

  .la4c6,
  .bb5 {
    flex: 1 1 45%;
  }
}

@media (max-width: 1024px) {
  .hdb26,
  .a6080d {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

.oe64c {
  margin-bottom: clamp(1rem, 3vw, 2rem);
}

.oe64c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.oe64c p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  line-height: 1.7;
  max-width: 65ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i1e0e,
.k5d5,
.p5a0 {
  flex: 1 1 200px;
  min-width: 180px;
}

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

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

.bf5f2 li,
.n8e li {
  margin: 0;
  padding: 0;
}

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

.i1e0e a:hover,
.p5a0 a:hover {
  color: var(--color-accent);
}

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

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

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

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

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

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

  .i1e0e,
  .k5d5,
  .p5a0 {
    flex: 1 1 100%;
  }

  .l40e17 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .bf5f2,
  .n8e {
    gap: clamp(0.4rem, 1vw, 0.6rem);
  }

  .i1e0e a,
  .p5a0 a,
  .ifcb {
    font-size: clamp(0.8rem, 0.9vw, 0.875rem);
  }
}
    

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

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

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

.i6c7 {
  flex: 1 1 50%;
  min-width: 280px;
}

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

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

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

.ab54c733 {
  flex: 1 1 50%;
  min-width: 280px;
  min-height: 300px;
  max-height: 450px;
}

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

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

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

.d4f6f {
  text-align: center;
}

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

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

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

.d7abd0e {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base) ease;
  align-items: stretch;
}

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

.pf2a285 {
  flex: 0 0 35%;
  min-width: 220px;
  min-height: 200px;
}

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

.d2028 {
  flex: 1 1 65%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: space-between;
}

.oc44 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.cab8a37,
.o1a5897e,
.m72b0 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.cab8a37 i,
.o1a5897e i,
.m72b0 i {
  color: var(--color-primary);
}

.c7f2 {
  display: inline-flex;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base) ease;
  width: fit-content;
}

.c7f2:hover {
  background: var(--color-primary-hover);
  transform: translateX(4px);
}

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

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

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

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

.ndb4d263 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-primary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.dc4e4 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.hc48d {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

.ec1fd337 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  line-height: 1.5;
}

.ec1fd337::before {
  content: "";
  color: var(--color-primary);
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: -0.15rem;
}

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

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

.l8c4d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

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

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

.gf9e {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

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

.d11 {
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-on-accent);
  text-align: left;
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  border: none;
}

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

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

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

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

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

  .i6c7 {
    flex: 1 1 100%;
  }

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

  .d7abd0e {
    flex-direction: column;
  }

  .pf2a285 {
    flex: 1 1 100%;
    min-width: 100%;
    min-height: 220px;
  }

  .d2028 {
    flex: 1 1 100%;
  }

  .h67af61 {
    justify-content: flex-start;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .i5db {
    flex-direction: column;
  }

  .i6c7 {
    flex: 1 1 100%;
  }

  .ab54c733 {
    flex: 1 1 100%;
    min-height: 300px;
  }
}

@media (min-width: 1024px) {
  .i5db {
    flex-direction: row;
  }

  .i6c7 {
    flex: 1 1 45%;
  }

  .ab54c733 {
    flex: 1 1 55%;
  }

  .d7abd0e {
    flex-direction: row;
  }

  .pf2a285 {
    flex: 0 0 30%;
  }

  .d2028 {
    flex: 1 1 70%;
  }
}

* {
  box-sizing: border-box;
}

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

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

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

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

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

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

.d08e0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(28, 25, 23, 0.85) 0%, rgba(28, 25, 23, 0.65) 100%);
  z-index: 2;
}

.ka3 {
  position: relative;
  z-index: 3;
  width: 100%;
}

.la5 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex-wrap: wrap;
}

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

.la5 a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.la5 span {
  color: var(--color-text-on-accent);
  opacity: 0.7;
}

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

.pc59ca {
  color: var(--color-text-on-accent);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  opacity: 0.95;
}

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

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

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

.a221 {
  display: flex;
  flex-direction: row;
  background: var(--color-bg-primary);
  overflow: hidden;
}

.m41f3347 {
  flex: 1;
  min-width: 0;
}

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

.ddfc0ee9,
.b81f6b,
.he7b0,
.ec2227,
.j36c {
  padding: clamp(3rem, 8vw, 6rem) 0;
}

.ddfc0ee9,
.he7b0,
.ec2227 {
  background: var(--color-bg-primary);
}

.b81f6b,
.j36c {
  background: var(--color-bg-secondary);
}

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

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

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

.ef94 {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

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

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

.b81f6b .p372d7e p {
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

.g66eab60 {
  flex: 1;
}

.g66eab60 p {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  line-height: 1.8;
  margin: 0;
}

.g66eab60 strong {
  color: var(--color-text-on-accent);
}

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

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

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

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

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

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

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

.mbc75bec {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.mbc75bec:last-of-type {
  margin-bottom: 0;
}

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

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

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

.pab5e86 {
  flex: 0 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 2vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

.j28e {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  transition: color 0.3s ease;
}

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

.lf0 {
  width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 1px solid var(--color-border);
  position: sticky;
  top: 80px;
  max-height: calc(100vh - 80px);
  overflow-y: auto;
}

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

.hc11 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: 1rem;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

@media (max-width: 1200px) {
  .lf0 {
    width: 240px;
    padding: clamp(1.5rem, 3vw, 2rem);
  }
}

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

  .lf0 {
    width: 100%;
    border-left: none;
    border-top: 1px solid var(--color-border);
    position: static;
    max-height: none;
  }

  .ef632c {
    flex-direction: column;
  }

  .p372d7e,
  .l25 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pab5e86 {
    flex: 0 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem) / 2);
  }
}

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

  .d08e0 {
    background: linear-gradient(135deg, rgba(28, 25, 23, 0.9) 0%, rgba(28, 25, 23, 0.8) 100%);
  }

  .la5 {
    font-size: clamp(0.75rem, 1vw + 0.4rem, 0.85rem);
    margin-bottom: 1rem;
  }

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

  .pab5e86 {
    flex: 1 1 100%;
  }

  .ddfc0ee9,
  .b81f6b,
  .he7b0,
  .ec2227,
  .j36c {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

  .k5ac {
    margin-top: 0;
  }

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

  .hc11 {
    width: 100px;
    height: 100px;
    margin-bottom: 0.75rem;
  }
}

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

  .la5 {
    gap: 0.25rem;
  }

  .m5c {
    gap: 1rem;
  }

  .g124a {
    gap: 0.75rem;
  }

  .a4f46ae {
    gap: 0.75rem;
  }

  .j8bda6 {
    width: 35px;
    height: 35px;
    font-size: 1rem;
  }

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

* {
  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;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

p, li, span {
  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;
}

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

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

.o1960c4 {
  display: block;
}

.nc6c4c15 {
  position: relative;
  height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background: var(--color-bg-primary);
  padding: 3rem 0;
}

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

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

.cd9c7 {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.ib4 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-light);
  margin-bottom: var(--spacing-sm);
}

.ib4 a {
  color: rgba(255, 255, 255, 0.9);
}

.ib4 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.ib4 span {
  color: rgba(255, 255, 255, 0.6);
}

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

.i99 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: #ffffff;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.cea9 {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  max-width: 600px;
  line-height: 1.6;
}

.o8c3 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-lg);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: rgba(255, 255, 255, 0.85);
}

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

.a64a i {
  font-size: 1rem;
}

.ef581b {
  display: flex;
  gap: clamp(2rem, 5vw, 4rem);
  padding: clamp(3rem, 8vw, 6rem) 0;
  max-width: 1440px;
  margin: 0 auto;
  padding-left: clamp(1rem, 4vw, 2rem);
  padding-right: clamp(1rem, 4vw, 2rem);
}

.j34ed652 {
  flex: 0 0 auto;
  width: 220px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

.gc6 {
  background: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: center;
}

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

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

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

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

.a81a0fa4 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

.hd847a {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.5;
  margin: 0;
}

.pdc98384 {
  flex: 1 1 auto;
  min-width: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f070 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-top: var(--spacing-md);
}

.i908 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

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

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

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

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

.e8e81515 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  background: rgba(225, 29, 72, 0.08);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

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

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

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

.e090c3c {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.m136c4 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
}

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

.hc4e7 {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
}

.bfcfe4 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.b400b9 a {
  color: var(--color-accent);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.gc3950f8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

.h84b8 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin: 0;
  padding: 0;
}

.pafe2 {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding-left: var(--spacing-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.pafe2::before {
  content: '';
  flex: 0 0 auto;
  color: var(--color-accent);
  font-weight: bold;
  font-size: 1.25rem;
  margin-left: calc(-1 * (var(--spacing-md) + 1.25rem));
}

@media (max-width: 1024px) {
  .j34ed652 {
    position: static;
    width: auto;
    flex: 0 0 auto;
    min-width: 200px;
  }

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

@media (max-width: 768px) {
  .nc6c4c15 {
    height: 350px;
    padding: 2rem 0;
  }

  .oe8c5884,
  .a03e1,
  .ad0c678,
  .n49 {
    flex-direction: column;
  }

  .a7bcf,
  .j5825a,
  .j47a41,
  .na3,
  .be523bce,
  .k114a3d,
  .c15,
  .fcbbcac4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ef581b {
    flex-direction: column;
  }

  .j34ed652 {
    width: 100%;
    order: -1;
  }

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

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

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

  .hcf9598 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
    flex-shrink: 0;
  }

  .i99 {
    font-size: clamp(1.5rem, 5vw, 2.5rem);
  }

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

@media (max-width: 480px) {
  .nc6c4c15 {
    height: 280px;
    padding: 1.5rem 0;
  }

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

  .o8c3 {
    flex-direction: column;
    gap: var(--spacing-sm);
    font-size: 0.8125rem;
  }

  .a64a {
    gap: 0.5rem;
  }

  .a64a i {
    font-size: 0.875rem;
  }

  .c6eb {
    flex-direction: column;
  }

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

  .hcf9598 {
    width: 40px;
    height: 40px;
    font-size: 1.125rem;
  }

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

  .e8e81515 i {
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

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

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

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

.h3c .g903 {
  position: relative;
  z-index: 3;
}

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

.m71a5b a {
  color: var(--color-text-light);
  transition: var(--transition-fast);
}

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

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

.nf1568f {
  max-width: 700px;
}

.o88 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.g301,
.de3af4 {
  display: inline-block;
  background: rgba(255, 255, 255, 0.15);
  color: var(--color-text-light);
  padding: 0.5rem 1rem;
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  backdrop-filter: blur(10px);
}

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

.bfb {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-light-secondary);
  margin-bottom: 2rem;
  max-width: 600px;
}

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

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

.i0a7d {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  padding: clamp(2rem, 4vw, 3rem) clamp(1rem, 4vw, 2rem);
}

.b84b0 {
  flex: 0 0 280px;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

.mba64f52 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

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

.ncac {
  flex: 1 1 auto;
  min-width: 0;
}

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

.b5d7:nth-child(even) {
  background: var(--color-bg-secondary);
}

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

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

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

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

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

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

.e22 {
  list-style: none;
  margin: 1.5rem 0;
  padding: 0;
}

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

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

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

.a728 {
  color: var(--color-text-light);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin-bottom: 0.75rem;
  display: block;
}

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

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

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

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

.f2012b strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

.k114 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 2rem 0;
}

.e88f762 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

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

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

.fdc80 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  margin: 2rem 0;
}

.ec20a4 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  padding: 1.5rem;
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

.jc0a12 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.5rem);
  text-decoration: none;
  flex: 1;
}

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

.k502 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  margin: 0;
  line-height: 1.4;
  font-weight: 700;
  transition: var(--transition-fast);
}

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

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

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

.lf9 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

.gf127b {
  background: rgba(225, 29, 72, 0.15);
  border: 2px solid var(--color-accent);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3rem);
  margin-top: 2.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

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

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

.j706:hover {
  background: var(--color-accent-hover);
  text-decoration: none;
}

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

  .b84b0 {
    flex: 1 1 100%;
    position: static;
    order: -1;
  }

  .nc7 {
    flex-direction: row;
    text-align: left;
    align-items: center;
    gap: 1.5rem;
  }

  .mba64f52 {
    width: 100px;
    height: 100px;
    margin: 0;
  }

  .pcc9c47 {
    flex: 1;
  }

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

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

  .h57abd79,
  .j3759c3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h3c {
    min-height: 400px;
  }

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

  .k114 {
    gap: 1rem;
  }

  .e88f762 {
    gap: 1rem;
  }

  .g7546 {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }

  .fdc80 {
    gap: 1rem;
  }

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

  .mba64f52 {
    margin: 0 auto;
  }

  .pcc9c47 {
    flex: none;
  }
}

@media (max-width: 480px) {
  .m71a5b {
    font-size: 0.75rem;
  }

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

  .g301,
  .de3af4 {
    display: block;
  }

  .hab {
    flex-direction: column;
  }

  .g4ec {
    font-size: 1.5rem;
  }

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

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

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

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

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

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

.m28 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(225, 29, 72, 0.08) 0%, rgba(244, 63, 94, 0.05) 100%);
  pointer-events: none;
  z-index: 1;
}

.b265a969 {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
  z-index: 0;
}

.gb769 {
  position: relative;
  z-index: 2;
  max-width: 60%;
}

.gda {
  display: inline-block;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.fe3 {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.l01a0 {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.5;
  max-width: 500px;
}

.o9c {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin-top: 1.5rem;
}

.p3d {
  display: flex;
  align-items: center;
}

.f252 {
  color: var(--color-text-muted);
  margin: 0 0.5rem;
}

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

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

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

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

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

  .gb769 {
    max-width: 100%;
  }
}

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

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

.abc621 {
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

.e1b1d3 {
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.e1b1d3:hover {
  transform: translateX(8px);
  box-shadow: 0 4px 12px rgba(225, 29, 72, 0.1);
}

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

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

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

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

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

  .eb84a1,
  .f73e0f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.k8fa9 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  position: sticky;
  top: 20px;
  max-width: 280px;
  float: left;
  margin-right: clamp(1.5rem, 3vw, 2.5rem);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
}

.j7a8 {
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

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

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

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

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

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

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

@media (max-width: 1024px) {
  .k8fa9 {
    float: none;
    max-width: 100%;
    position: relative;
    top: 0;
    margin-right: 0;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .j7a8 {
    flex-direction: row;
    text-align: left;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .m26d1 {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

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

.feab:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.i2fc39 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-card) 100%);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

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

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

  .c1ad1a9,
  .d64 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.le0 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  max-width: 360px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  background: var(--color-bg-card);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

.le0:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
}

.i49ad {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  height: 100%;
}

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

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

.le0:hover .lca7d0c2 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

.b27b88 {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-card) 100%);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

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

.c7d2ac8 {
  margin: 0;
  padding-left: 1.5rem;
}

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

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

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

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

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

  .lae601,
  .d576 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.a6aef9 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, #fce7eb 100%);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  max-width: 800px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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

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

  .i9d77,
  .faed7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

@media (max-width: 1024px) {
  .k8fa9 {
    float: none;
    max-width: 100%;
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

.o84b0ea {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 650px;
  margin: 0 auto;
}

.g69791 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

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

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

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

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

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

.j77d0 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

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

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

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

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

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

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

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

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

.d32 {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.d32:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 24px rgba(225, 29, 72, 0.12);
  border-color: var(--color-primary);
}

.pbc8 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-primary);
  height: auto;
}

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

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

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

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

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

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

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

.n590 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1.25rem;
  line-height: 1.3;
}

.aef402 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

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

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

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

.h4eb9 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.375rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 0.75rem;
}

.mfa7 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

  .mf83f8 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

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

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

.ab38 {
  text-align: center;
}

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

.jfa091fe {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.25rem;
}

.jfa091fe:last-of-type {
  margin-bottom: 0;
}

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

.i53d {
  flex: 1 1 calc(50% - 0.75rem);
  min-width: 200px;
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
  border-left: 4px solid var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

  .gbf2,
  .f21b7,
  .j42a,
  .j664e18d {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .k596520 {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .n0c {
    padding: 5rem 0;
  }

  .gbf2,
  .f21b7,
  .j42a,
  .j664e18d {
    padding: 6rem 0;
  }
}

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

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

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

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

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

.e722c {
  flex: 1 1 100%;
  text-align: center;
}

@media (min-width: 768px) {
  .e722c {
    flex: 1 1 45%;
    text-align: left;
  }
}

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

.k68dd2 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  line-height: 1.1;
}

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

.j05f {
  flex: 1 1 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

.c33 {
  text-align: center;
}

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

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

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

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

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

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

.f4c5f {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .he9ae6a3 {
    flex-direction: row;
    justify-content: space-between;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

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

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

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

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

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

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

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

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

.ha9 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

.id0 {
  text-align: center;
}

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

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

.cc70e69 {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.p75dd {
  text-align: center;
}

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

.c6b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.pa87ef {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  text-decoration: none;
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

.pa87ef:hover {
  background: var(--color-bg-primary);
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

.o38fa {
  flex-shrink: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

.jc1 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 500;
  color: var(--color-text-primary);
  line-height: 1.5;
}

.j08 {
  display: flex;
  justify-content: center;
  padding: clamp(1rem, 2vw, 2rem) 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .a3f99c {
    flex-direction: column-reverse;
  }

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

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

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

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

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

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

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

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

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

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

.kacc03 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.b2deec {
  text-align: left;
}

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

.kb1d8 {
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  line-height: 1.6;
}

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

.me7f7 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

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

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

.j64c9250 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.df5 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.l5d68 {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.a0ba04fb {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.4;
}

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

.k020f2 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

.cfa4810c {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

.f952c4 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

.l7853c {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

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

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

@media (min-width: 768px) {
  .n2695 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.l3c35 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-3xl);
}

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

.b02b7f:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-light);
  transform: translateY(-4px);
}

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

.ff5c62 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.k49 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  flex-grow: 1;
}

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

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

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

.kfed {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.c8864 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
}

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

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

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

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

.p05e422f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.b437e6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

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

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

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

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

  .j45c42a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .l3c35 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .ob8f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .fd920c8 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .p05e422f {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

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

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

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

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

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

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

  .p05e422f {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing-md);
  }

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

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

@media (min-width: 1440px) {
  .a7b00843,
  .i8e549,
  .i00cb1d {
    max-width: 1320px;
  }
}

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

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

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

.ja34 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  line-height: 1.3;
}

.ja34 .h46861 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.ja34 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);
  font-weight: 700;
  line-height: 1.4;
}

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

.ja34 ul,
.ja34 ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  margin-left: var(--spacing-lg);
}

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

.ja34 strong {
  font-weight: 700;
  color: var(--color-text-primary);
}

.ja34 .ha409 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.ja34 .ha409 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.ja34 .ha409 p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

@media (min-width: 768px) {
  .ja34 .g903 {
    padding: 0 var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .ja34 .g903 {
    padding: 0 var(--spacing-xl);
  }

  .ja34 .c934a00f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

.e1e {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.o01 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.g903 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c934a00f {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p025 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  animation: slideInUp 0.8s ease-out;
}

.f29 {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.f29 svg {
  width: 55%;
  height: 55%;
  stroke-width: 1.5;
}

.p025 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.p4c0e {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.35rem);
  font-weight: 600;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.5;
}

.n3f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  opacity: 0.95;
}

.ka7 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  opacity: 0.85;
}

.la38 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
  min-height: 48px;
}

.j06b763 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.j06b763:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

.j06b763:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .o01 {
    padding: var(--spacing-4xl) var(--spacing-xl);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

  .la38 {
    padding: var(--spacing-lg) var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .o01 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

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

@media (prefers-reduced-motion: reduce) {
  .p025,
  .f29 {
    animation: none;
  }

  .j06b763:hover {
    transform: none;
  }

  .j06b763:active {
    transform: none;
  }
}

.j12bf93 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
  font-family: var(--font-primary);
}

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

.g903 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  width: 100%;
}

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

.cd31b {
  margin-bottom: var(--spacing-2xl);
  animation: float-up 0.8s ease-out;
}

.g79554fa {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.i29fa19c {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 800;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin: 0;
  line-height: 1;
  letter-spacing: -0.02em;
  position: relative;
  z-index: 2;
}

.m932 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 40vw, 400px);
  height: clamp(200px, 40vw, 400px);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.15;
  z-index: 1;
  animation: pulse-gentle 4s ease-in-out infinite;
}

.caf {
  margin-bottom: var(--spacing-2xl);
  animation: fade-in 0.8s ease-out 0.2s both;
}

.k3a053ff {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0 var(--spacing-lg) 0;
  letter-spacing: -0.01em;
}

.baebb14 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.8;
}

.jd64dac {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.7;
  font-style: italic;
}

.o764 {
  margin-bottom: var(--spacing-3xl);
  animation: fade-in 0.8s ease-out 0.4s both;
}

.la38 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: 0.3px;
}

.j06b763 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.j06b763:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.j86fa5 {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  animation: fade-in 0.8s ease-out 0.6s both;
}

.j03a {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

.h72a59 li {
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  padding: var(--spacing-sm) 0;
  line-height: 1.6;
  position: relative;
  padding-left: var(--spacing-lg);
}

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

@keyframes float-up {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes pulse-gentle {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.2;
  }
}

@media (min-width: 640px) {
  .laf2f {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

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

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

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

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

  .j06b763:hover {
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cd31b,
  .caf,
  .o764,
  .j86fa5 {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .m932 {
    animation: none;
  }

  .j06b763:hover {
    transform: none;
  }
}

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

.f1d {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.m592 {
  text-align: center;
  padding: 2rem 1rem;
}

.f336 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  letter-spacing: -0.02em;
}

.l992d0ee {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .f1d {
    padding: 5rem 0;
  }

  .m592 {
    padding: 3rem 2rem;
  }
}

@media (min-width: 1024px) {
  .f1d {
    padding: 6rem 0;
  }

  .m592 {
    padding: 4rem 2rem;
  }
}

.afa965 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.p7edd0 {
  width: 100%;
}

.o30672 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  flex-wrap: wrap;
}

.o5b30 {
  width: 100%;
  padding: 2rem 1rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.c2fdb1 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  letter-spacing: -0.01em;
}

.jfc66 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}

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

.o421d9b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.p80d49b2,
.lfda2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.p80d49b2::placeholder,
.lfda2::placeholder {
  color: var(--color-text-muted);
}

.p80d49b2:focus,
.lfda2:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.lfda2 {
  resize: vertical;
  min-height: 140px;
  font-family: var(--font-primary);
}

.k1aed {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  width: 100%;
  padding: 1rem 2rem;
  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);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.5rem;
}

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

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

.k1aed:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.o6f3c658 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  text-align: center;
}

.d7a58074 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
  border-bottom: 1px solid transparent;
}

.d7a58074:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

.o5da15 {
  width: 100%;
  padding: 2rem 1rem;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e2799 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 2rem 0;
  letter-spacing: -0.01em;
}

.df052f3d {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.c16272 {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.e86de {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.fc1f79a8 {
  flex: 1;
}

.kcdc {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

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

.i2bd919 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.pf153 {
  padding-top: 2rem;
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

@media (min-width: 768px) {
  .afa965 {
    padding: 4rem 0;
  }

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

  .o5b30,
  .o5da15 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .afa965 {
    padding: 6rem 0;
  }

  .o30672 {
    gap: 3rem;
  }

  .o5b30,
  .o5da15 {
    padding: 3rem 2rem;
  }
}

.b02d3 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.h99102fc {
  text-align: center;
  padding: 2rem 1rem;
}

.dd3e07 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1.5rem 0;
  letter-spacing: -0.02em;
}

.nda411 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 2rem 0;
  line-height: 1.7;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.mbbd25 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

@media (min-width: 768px) {
  .b02d3 {
    padding: 4rem 0;
  }

  .h99102fc {
    padding: 3rem 2rem;
  }
}

@media (min-width: 1024px) {
  .b02d3 {
    padding: 6rem 0;
  }

  .h99102fc {
    padding: 4rem 2rem;
  }
}

@media (max-width: 480px) {
  .o5b30,
  .o5da15 {
    padding: 1.5rem 1rem;
  }

  .c16272 {
    gap: 1rem;
  }

  .e86de {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}
.j89,.c36c{
  width: 34px;
}

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

.c03{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .c03{
    max-width: 100%;
  }
}

.c03.i2633ff5{
  z-index: 999;
}

.h6fbb8b{
  padding-top: 50px;
}

.j89[aria-expanded="true"]{
  display: none;
}