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

:root {
  --color-bg-primary: #fffbf5;
  --color-bg-secondary: #fff7ed;
  --color-bg-tertiary: #ffedd5;
  --color-bg-card: #ffffff;

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

  --color-primary: #ea580c;
  --color-primary-hover: #c2410c;
  --color-primary-light: #f9d4b8;
  --color-primary-lighter: #fde8d8;

  --color-secondary: #f97316;
  --color-secondary-light: #fcd34d;
  --color-secondary-lighter: #fef3c7;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-warning: #ea8917;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

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

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

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 80px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: clamp(32px, 6vw, 64px);
  font-weight: 700;
}

h2 {
  font-size: clamp(28px, 5vw, 48px);
  font-weight: 700;
}

h3 {
  font-size: clamp(24px, 4vw, 36px);
  font-weight: 600;
}

h4 {
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 600;
}

h5 {
  font-size: 18px;
  font-weight: 600;
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

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

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

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

.b60d82 {
  max-width: 1360px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .b60d82 {
    padding: 0 var(--spacing-lg);
  }
}

button {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
}

.p94 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
}

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

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

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

.k42748:hover {
  background: #ea7e1b;
  box-shadow: var(--shadow-lg);
}

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

.f648:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
}

.o09b47 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 14px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.p31 {
  text-align: center;
}

.ha0124 {
  font-weight: 700;
}

.m0c3 {
  font-weight: 600;
}

.mef {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 12px;
  font-weight: 600;
  background: var(--color-primary-lighter);
  color: var(--color-primary);
}

.g3452 {
  background: var(--color-secondary-lighter);
  color: var(--color-secondary);
}

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

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

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

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

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

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

  .fc257f9a {
    grid-template-columns: repeat(3, 1fr);
  }

  .hfca {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

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

.p91f {
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i1f06e {
  opacity: 0.5;
}

.e8b604 {
  opacity: 0.75;
}

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

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

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

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

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

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

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

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

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

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

.g899c679:hover {
  opacity: 0.8;
}

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

.f23d6606 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 3vw, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  white-space: nowrap;
}

.k1d5b {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(1.5rem, 2vw, 2.5rem);
  flex: 1;
  margin: 0 2rem;
}

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

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

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

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

.c4c4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

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

.c4c4.l0bf3 span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.c4c4.l0bf3 span:nth-child(2) {
  opacity: 0;
}

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

.he9ff7 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: clamp(70px, 12vw, 90px);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  border-left: 1px solid var(--color-border-light);
  overflow-y: auto;
}

.he9ff7.l0bf3 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .c4c4 {
    display: none;
  }

  .he9ff7 {
    display: none;
  }

  .k1d5b {
    display: flex;
  }

  .ldf {
    display: inline-block;
  }

  .a53b5 {
    height: clamp(80px, 10vw, 100px);
  }
}

@media (min-width: 1024px) {
  .k1d5b {
    gap: clamp(2rem, 3vw, 3rem);
  }

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

    

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

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

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

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

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

.gbc17b4 {
  font-size: clamp(2.5rem, 8vw + 1rem, 4.5rem);
  color: var(--color-text-primary);
  font-weight: 800;
  line-height: 1.1;
  margin: 0;
}

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

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

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

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

.p94 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  border: 2px solid transparent;
}

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

.k4ef:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(234, 88, 12, 0.2);
}

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

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

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

.cce6573 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  flex: 0 1 auto;
}

.f53d6 {
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 800;
  color: var(--color-accent);
  margin: 0;
}

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

.d8d {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

.nfaa {
  text-align: center;
}

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

.f9fb135 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 2vw, 1rem);
  margin-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.fca6d39 {
  flex: 1 1 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

@media (min-width: 1024px) {
  .fca6d39 {
    flex: 2 1 400px;
  }
}

.o36 {
  flex: 1 1 280px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
}

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

.i8f7fae {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
}

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

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

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

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

.ic8 {
  flex: 1 1 40%;
  min-height: 250px;
}

.ic8 img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
}

.af9946 {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 3vw, 1.75rem);
}

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

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

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

.m6879 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: clamp(1.75rem, 4vw, 2.5rem);
  position: relative;
}

.m6879::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
}

.g13f {
  background: var(--color-bg-tertiary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

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

.n99 {
  flex: 1 1 45%;
}

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

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

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

.ja11c {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0;
}

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

.ob9239 {
  flex: 1 1 45%;
  min-height: 250px;
}

.ob9239 img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
}

.k89 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

.kc26 {
  text-align: center;
}

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

.gd78 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 2vw, 1rem);
  margin-bottom: 0;
}

.f4200 {
  display: flex;
  flex-direction: row;
  gap: 0;
}

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

.gaa902 {
  flex: 1 1 50%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.gaa902 h3 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-accent);
  font-weight: 700;
  margin: 0 0 clamp(1.5rem, 3vw, 2rem) 0;
  text-align: center;
}

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

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

.bef {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.bdec3 {
  width: 2px;
  background: var(--color-border);
  min-height: 100%;
}

@media (max-width: 767px) {
  .bdec3 {
    display: none;
  }
}

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

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

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

.iaedd {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.i61ce {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.75rem, 1vw, 1rem);
  background: var(--color-bg-card);
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: 50px;
  border: 2px solid var(--color-border-light);
  flex: 0 1 auto;
}

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

.nb3d {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  white-space: nowrap;
}

.lafe33a6 {
  background: var(--color-bg-tertiary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

.jc207490 {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: 16px;
  border: 3px dotted var(--color-border);
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.lcb5c29 {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 10vw, 7rem) 0;
  overflow: hidden;
}

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

.b7fa70b {
  text-align: center;
}

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

.h6bc6e {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 2vw, 1rem);
  margin-bottom: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.k065e {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

.m30d6e {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

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

.jc7 {
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

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

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

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

.jd1e0d {
  text-align: center;
}

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

.fed3.gb4 {
  display: none;
}

.da439d {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  max-width: 500px;
}

.o7490e3 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.a8b37,
.b081fb36 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
}

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

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

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

.b081fb36:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767px) {
  .gd2c4 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .d8d,
  .ba89,
  .g13f,
  .k89,
  .g71764,
  .lafe33a6,
  .lcb5c29 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }

  .ic8,
  .ob9239 {
    flex: 1 1 100%;
  }

  .af9946,
  .n99 {
    flex: 1 1 100%;
  }

  .bdec3 {
    display: none;
  }

  .fca6d39 {
    flex: 1 1 100%;
  }

  .o36 {
    flex: 1 1 100%;
  }

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

  .da439d {
    order: 1;
  }

  .o7490e3 {
    order: 2;
    justify-content: center;
  }
}

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

  .o36 {
    flex: 1 1 calc(50% - clamp(0.75rem, 2vw, 1rem));
  }

  .i61ce {
    flex: 0 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  }
}

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

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

.g67d {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 5vw, 3.5rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.j561bb75 {
  display: block;
}

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

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

.dc898744 {
  display: block;
}

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

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

.hf8ee8 li {
  display: inline-block;
}

.hf8ee8 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h731 {
  display: block;
}

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

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

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

.a3e4 {
  display: block;
}

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

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

.g65e li {
  display: inline-block;
}

.g65e a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

  .j561bb75 {
    flex: 0 1 280px;
  }

  .dc898744 {
    flex: 1 1 180px;
  }

  .h731 {
    flex: 1 1 220px;
  }

  .a3e4 {
    flex: 1 1 180px;
  }
}

@media (min-width: 1024px) {
  .g67d {
    gap: clamp(3rem, 7vw, 5rem);
  }

  .j561bb75 {
    flex: 0 1 320px;
  }

  .dc898744 {
    flex: 1 1 200px;
  }

  .h731 {
    flex: 1 1 240px;
  }

  .a3e4 {
    flex: 1 1 200px;
  }
}

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

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

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

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

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

.j2657 {
  text-align: center;
}

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

.k25b030e {
  font-size: clamp(0.875rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  padding: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.a8bed {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

.a8bed:hover {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
  color: var(--color-accent);
}

.a8bed.l0bf3 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-color: var(--color-accent);
}

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

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

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

.o61886 {
  font-size: clamp(0.875rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.oed8 {
  text-align: center;
}

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

.b365 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  padding: 0;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.od2f7a8 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(280px, 100%, 380px);
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  border: 1px solid var(--color-border-light);
}

.od2f7a8:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--color-accent-light);
}

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

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

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

.a9bb646d,
.k043191a,
.pa485 {
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.a9bb646d i,
.k043191a i,
.pa485 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
}

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

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

.j80::after {
  content: "";
  transition: transform var(--transition-base);
}

.j80:hover::after {
  transform: translateX(4px);
}

.od2f7a8 img {
  display: none;
}

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

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

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

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

  .fdd589c {
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .od2f7a8 {
    flex: 1 1 calc(25% - 1.875rem);
  }
}

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

  .a8bed {
    font-size: 0.8125rem;
    padding: 0.5rem 0.875rem;
  }

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

  .fdd589c {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j27cc {
  width: 100%;
  max-width: 800px;
  margin-top: 2rem;
}

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

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

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

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

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

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

.fd45a40 {
  flex: 1 1 40%;
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

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

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

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

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

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

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

.p2ef31a9 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

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

.d6db {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
  background: var(--color-bg-tertiary);
  padding: 1rem;
  border-radius: var(--radius-md);
}

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

.l45 strong {
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nec {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 calc(50% - 1rem);
  max-width: calc(50% - 1rem);
  transition: var(--transition-base);
  text-align: center;
  align-items: center;
}

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

.d5d2 {
  width: 60px;
  height: 60px;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.nda4469a {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p87b8a9 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  flex: 1 1 calc(33.333% - 1rem);
  max-width: calc(33.333% - 1rem);
  display: flex;
  flex-direction: column;
}

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

.n9c50 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

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

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

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

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

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

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

.hc4 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
  justify-content: center;
}

.hc4 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: var(--transition-base);
}

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

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

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

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

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

  .e995208 {
    flex: 1 1 100%;
  }

  .fd45a40 {
    flex: 1 1 100%;
  }

  .k9d {
    flex-direction: column;
  }

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

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

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

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

  .kc9f {
    flex-direction: column;
  }

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

  .g8c391b {
    text-align: center;
  }

  .p93a9f0 {
    text-align: center;
  }

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

  .gf3 i {
    margin-left: auto;
    margin-right: auto;
  }
}

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

  .hc4 {
    font-size: 0.75rem;
  }

  .aa9e9 {
    flex-direction: column;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

.k9d84e {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
}

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

.ebdb {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2rem);
  line-height: 1.6;
}

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

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

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

.ne3078 {
  flex: 1 1 100%;
  width: 100%;
  max-width: 700px;
}

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

@media (min-width: 768px) {
  .j5cc8ff {
    flex-direction: row;
    align-items: center;
  }

  .cf6 {
    flex: 1 1 50%;
    text-align: left;
  }

  .ne3078 {
    flex: 1 1 50%;
  }
}

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

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

.n72a62c {
  flex: 1 1 100%;
}

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

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

.peb34 {
  flex: 1 1 100%;
  width: 100%;
  max-width: 500px;
}

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

@media (min-width: 768px) {
  .m41d60a {
    flex-direction: row;
    align-items: center;
  }

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

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

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

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

.ge7bfb8f {
  flex: 1 1 100%;
}

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

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

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

.b76dc {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.fccf8eb {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

.a32af32 {
  flex: 1 1 100%;
  width: 100%;
  max-width: 500px;
}

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

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

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

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

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

.kdec12 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-secondary);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

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

.i4f {
  flex: 1;
}

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

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

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

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

.db52 {
  flex: 1 1 100%;
}

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

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

.p10 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

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

.n8d {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

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

.nff8d {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-accent);
  font-weight: 700;
}

.j11d2a {
  flex: 1 1 100%;
  width: 100%;
  max-width: 500px;
}

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

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

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

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

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

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

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

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

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

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

.p4752 {
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 350px;
}

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

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

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

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

.p4752:hover .p44d779 img {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

.b9b64 {
  flex: 1 1 100%;
}

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

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

.ga07c {
  flex: 1 1 100%;
  width: 100%;
  max-width: 500px;
}

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

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

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

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

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

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

.a43b2 {
  flex: 1 1 100%;
}

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

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

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

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

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

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

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

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

.b82 {
  flex: 1 1 100%;
  width: 100%;
  max-width: 500px;
}

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

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

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

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

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

.h054 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.m7a3 {
  flex-shrink: 0;
}

.m7a3 img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

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

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

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

  .m7a3 {
    margin-bottom: 0.5rem;
  }
}

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

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

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

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

.o2dded {
  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, 2rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  transition: all 0.3s ease;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.o2dded:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.3);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nd69a640 {
  display: inline-block;
}

.h18 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-xl);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: 0.05em;
}

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

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

.dad0a5a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 3vw, 2rem);
  padding: 0 clamp(1rem, 3vw, 2rem);
}

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

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

.ac1e {
  width: 100%;
  max-width: 900px;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c59c379 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

.l590cc {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

.m2c {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  text-decoration: none;
  transition: var(--transition-base);
}

.p0bfe {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d6a {
  margin-top: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

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

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

.dba960 {
  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-lg);
  box-shadow: var(--shadow-md);
  max-width: 600px;
  align-items: flex-start;
}

.gd63b {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.n30 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 300px;
  text-decoration: none;
  transition: var(--transition-base);
}

.d177a47 {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  transition: var(--transition-base);
}

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

.p0806 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .c2e8a,
  .j96,
  .b302ff,
  .me4d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ma9 {
    flex: 1 1 100%;
  }

  .m2c {
    flex: 1 1 100%;
  }

  .n30 {
    flex: 1 1 100%;
  }

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

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

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

  .m2c {
    flex: 1 1 100%;
  }

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

@media (min-width: 1024px) {
  .dad0a5a {
    gap: clamp(2rem, 4vw, 3rem);
  }

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

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

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

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

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

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

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

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

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

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

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

.e312a340 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.mb994 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-secondary);
}

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

.g96 {
  max-width: 100%;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
}

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

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

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

.ie10 {
  flex: 1 1 65%;
  min-width: 0;
}

.c919c4 {
  flex: 1 1 35%;
  min-width: 0;
}

.m6e5 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

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

.h52959,
.n61839,
.m11349,
.a205db38 {
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

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

.h9c6,
.h238,
.m0d838ee {
  flex: 1 1 50%;
  max-width: 50%;
}

.m455b,
.e1d6e754,
.d734 {
  flex: 1 1 50%;
  max-width: 50%;
}

.m455b img,
.e1d6e754 img,
.d734 img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  object-fit: cover;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);
}

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

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

.nd7f {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 0.5rem;
  margin: clamp(2rem, 4vw, 3rem) 0;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

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

.l489b3 {
  flex: 1;
}

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

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

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

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

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

.pd193d {
  flex: 1;
}

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

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

.i78651 {
  list-style: none;
  padding: 0;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.i78651 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.7;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.g21f {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  margin: clamp(2.5rem, 5vw, 4rem) 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}

.h0a0feb {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.pf0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.pf0 img {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

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

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

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

.j41ca {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

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

.gd0cd62c {
  background: linear-gradient(135deg, rgba(234, 88, 12, 0.08) 0%, rgba(234, 88, 12, 0.04) 100%);
  border: 1px solid var(--color-border-light);
  border-left: 4px solid var(--color-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  margin: clamp(2.5rem, 5vw, 3.5rem) 0;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

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

.jeca {
  flex: 1;
}

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

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

.o6603a {
  margin: clamp(2.5rem, 5vw, 4rem) 0;
}

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

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

.g97 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  text-align: center;
  margin: clamp(2rem, 4vw, 3rem) 0;
  border: 1px solid var(--color-border-light);
}

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

.l64c5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n418 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 2rem;
  border-radius: 0.5rem;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: background-color 0.3s ease, transform 0.3s ease;
}

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

.f8db {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 2.5rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  margin: clamp(2.5rem, 5vw, 4rem) 0 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.g1bc1ff {
  flex-shrink: 0;
}

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

.i35a9 {
  flex: 1;
}

.e41de80d {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

.d23 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

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

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

.b8864 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  border: 1px solid var(--color-border-light);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

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

.cac {
  list-style: none;
  padding: 0;
}

.cac li {
  margin-bottom: 0.75rem;
}

.cac a {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hb6509 p {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fcbf09d8 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.j0d5c1 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
  word-wrap: break-word;
}

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

  .ie10 {
    flex: 1 1 100%;
  }

  .c919c4 {
    flex: 1 1 100%;
  }

  .d5fa8fb,
  .m6d60,
  .a646c {
    flex-direction: column;
  }

  .h9c6,
  .h238,
  .m0d838ee,
  .m455b,
  .e1d6e754,
  .d734 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .f4690 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
  }

  .e5028 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .nd7f {
    flex-direction: column;
  }

  .ec136009 {
    margin-top: 0;
  }

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

  .g1bc1ff img {
    width: 80px;
    height: 80px;
  }

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

  .gd0cd62c {
    flex-direction: column;
  }

  .j56 {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

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

.a5036 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i809 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.b4f {
  display: inline-block;
  font-size: 0.8125rem;
  color: var(--color-primary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

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

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

.m8907c57 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}

.h1f {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding-left: 2rem;
  border-left: 3px solid var(--color-primary);
}

.pad9 {
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  color: var(--color-primary);
  font-weight: 700;
  min-width: 60px;
}

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

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

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

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

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

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

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

.i8c {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

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

.l56 {
  font-size: 2rem;
  color: var(--color-primary);
}

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

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

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

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

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

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

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

.daab4259 {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: var(--radius-lg);
  display: block;
  margin: 2rem auto 0;
  object-fit: cover;
}

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

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

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

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

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

.p4f0 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 700px;
  margin: 0 auto;
}

.d81a {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  align-items: flex-start;
}

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

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

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

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

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

.o03ca {
  font-size: 1.25rem;
  color: var(--color-primary);
  flex-shrink: 0;
}

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

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

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

  .h1f {
    flex-direction: column;
    gap: 0.5rem;
    padding-left: 1.5rem;
  }

  .d81a {
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  .f06 {
    max-width: 100%;
  }

  .e550c36d {
    max-width: 100%;
  }

  .ec2dcc {
    max-width: 100%;
  }

  .dd32f {
    max-width: 100%;
  }

  .edf {
    max-width: 100%;
  }

  .k8f7 {
    max-width: 100%;
  }

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

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

html, body {
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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

.j94 {
  width: 100%;
}

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

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

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

@media (min-width: 768px) {
  .a5fc9ec5 {
    flex-direction: row;
    align-items: center;
  }
}

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

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

.a598324 {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.15;
}

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

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

.f7088b {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

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

  .f7088b {
    max-height: 300px;
  }
}

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

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

.m9c {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.ne580 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

.lfb3e7 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.h94 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

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

.a3830338 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.c72c19f {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

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

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

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

.de7 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .de7 {
    max-height: 300px;
  }
}

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

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

.oe53783 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.n5afd9 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

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

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

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

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

.i8d5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

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

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

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

.oc50aa {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

.c39fe {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: 'DM Serif Display', serif;
  line-height: 1.2;
}

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

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

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

.n08 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.ka7200e {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.c4d {
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

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

.i849 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 8px;
  font-size: clamp(0.9375rem, 1.2vw + 0.5rem, 1.125rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  margin-top: 0.5rem;
}

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

.k89cdd1e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.e2bce766 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

  .lfa {
    flex: 1 1 100%;
  }

  .m2a3b412 {
    flex: 1 1 100%;
  }

  .j41fd {
    gap: 1.5rem;
  }

  .n08,
  .k89cdd1e {
    flex: 1 1 100%;
  }
}

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

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

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

.ad4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.1;
  font-weight: 700;
}

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

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

.i8c79a {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.m0930e {
  background-color: var(--color-bg-card);
  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;
}

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

.lffe249 {
  width: 100%;
  height: 220px;
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
  overflow: hidden;
}

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

.e2bb52d {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex-grow: 1;
}

.l9b2dd {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  width: fit-content;
}

.a2bf {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  line-height: 1.3;
  margin: 0;
}

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

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

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

.e04d35 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.m2f18 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
}

.g08 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

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

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

  .i8c79a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .lffe249 {
    height: 260px;
  }

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

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

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

  .i8c79a {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .m0930e {
    flex-direction: row;
  }

  .lffe249 {
    width: 45%;
    height: auto;
    min-height: 280px;
  }

  .e2bb52d {
    width: 55%;
    padding: var(--spacing-xl);
  }

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

  .i59f53 {
    max-width: 800px;
  }
}

@media (min-width: 1440px) {
  .b2e {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

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

.c6db0933 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

.fb5f7 {
  max-width: 700px;
  margin: 0 auto;
}

.de9d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.nb9280 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

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

.f1bc0 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: box-shadow var(--transition-base);
}

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

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

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

.nddc6a9c {
  flex: 1;
  line-height: 1.5;
}

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

.f1bc0.l0bf3 .lc1dd {
  transform: rotate(180deg);
}

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

.f1bc0.l0bf3 .i48 {
  max-height: 500px;
}

.i48 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
}

.o705 {
  background-color: var(--color-bg-tertiary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  text-align: center;
  overflow: hidden;
}

.fdc9c {
  max-width: 600px;
  margin: 0 auto;
}

.idffc42 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.3rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 400;
  letter-spacing: -0.01em;
}

.h2a2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.2rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.l41 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw + 0.2rem, 1rem);
  font-weight: 500;
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 768px) {
  .c6db0933 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

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

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

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

@media (min-width: 1024px) {
  .c6db0933 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

.e28 main {
  width: 100%;
}

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

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

.e28 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.e28 .a7d8b {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

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

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

.e28 ul,
.e28 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

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

.e28 .m9d {
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-xl);
  border-bottom: 1px solid var(--color-border-light);
}

.e28 .m9d:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.e28 .jc6 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
}

.e28 .jc6 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.e28 .jc6 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.e28 .h3c {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

@media (min-width: 768px) {
  .e28 .kb76c9 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .e28 .b60d82 {
    padding: 0 var(--spacing-lg);
  }

  .e28 .kb76c9 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.ab5734 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p3130c1 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.b60d82 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
  padding: 0 var(--spacing-md);
}

.kb76c9 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.f92 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInScale 0.6s ease-out;
}

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.f4ae8c7 {
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-full);
  background-color: var(--color-primary-lighter);
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  animation: scaleInIcon 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.1s both;
}

@keyframes scaleInIcon {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.f4ae8c7 svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-primary);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  animation: slideInDown 0.6s ease-out 0.15s both;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.p21 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.1vw + 0.4rem, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-weight: 600;
  margin: 0;
  animation: slideInUp 0.6s ease-out 0.25s both;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.h05 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  animation: slideInUp 0.6s ease-out 0.35s both;
}

.n3c37 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  animation: slideInUp 0.6s ease-out 0.45s both;
}

.bd6 {
  display: inline-block;
  padding: 14px 40px;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  margin-top: var(--spacing-md);
  animation: slideInUp 0.6s ease-out 0.55s both;
  box-shadow: var(--shadow-sm);
}

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

.bd6:active {
  transform: translateY(0);
  box-shadow: var(--shadow-xs);
}

@media (min-width: 640px) {
  .p3130c1 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

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

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

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

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

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

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

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

  .bd6 {
    padding: 16px 48px;
    font-size: 1.1rem;
  }
}

@media (min-width: 1440px) {
  .p3130c1 {
    padding: var(--spacing-4xl) 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.o815b {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
  position: relative;
}

.a45a0 {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: var(--color-bg-primary);
}

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

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

.b60d82 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

@media (min-width: 768px) {
  .b60d82 {
    padding: 0 var(--spacing-lg);
  }
}

.kb76c9 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.mbe {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-2xl);
  z-index: 1;
}

.n62 {
  position: relative;
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

@media (min-width: 768px) {
  .n62 {
    height: 280px;
    margin-bottom: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .n62 {
    height: 320px;
  }
}

.l1faa {
  position: absolute;
  border-radius: 45% 55% 50% 50% / 50% 50% 50% 50%;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  filter: blur(0.5px);
  opacity: 0.85;
}

.n24 {
  width: 80px;
  height: 80px;
  background: linear-gradient(135deg, var(--color-primary-light), var(--color-primary));
  animation: morph1 8s ease-in-out infinite, float1 6s ease-in-out infinite;
  z-index: 3;
}

@media (min-width: 768px) {
  .n24 {
    width: 120px;
    height: 120px;
  }
}

@media (min-width: 1024px) {
  .n24 {
    width: 140px;
    height: 140px;
  }
}

.o579 {
  width: 100px;
  height: 100px;
  background: linear-gradient(45deg, var(--color-secondary-light), var(--color-secondary));
  animation: morph2 7s ease-in-out infinite, float2 7s ease-in-out infinite;
  z-index: 2;
  right: 5%;
}

@media (min-width: 768px) {
  .o579 {
    width: 150px;
    height: 150px;
    right: 10%;
  }
}

@media (min-width: 1024px) {
  .o579 {
    width: 170px;
    height: 170px;
    right: 15%;
  }
}

.b2155645 {
  width: 60px;
  height: 60px;
  background: linear-gradient(225deg, var(--color-accent-light), var(--color-accent));
  animation: morph3 9s ease-in-out infinite, float3 8s ease-in-out infinite;
  z-index: 1;
  left: 10%;
  top: 20%;
}

@media (min-width: 768px) {
  .b2155645 {
    width: 100px;
    height: 100px;
    left: 5%;
  }
}

@media (min-width: 1024px) {
  .b2155645 {
    width: 120px;
    height: 120px;
    left: 8%;
  }
}

@keyframes morph1 {
  0%, 100% {
    border-radius: 45% 55% 50% 50% / 50% 50% 50% 50%;
  }
  25% {
    border-radius: 35% 65% 45% 55% / 55% 45% 65% 35%;
  }
  50% {
    border-radius: 50% 50% 55% 45% / 45% 55% 50% 50%;
  }
  75% {
    border-radius: 55% 45% 50% 50% / 50% 50% 45% 55%;
  }
}

@keyframes morph2 {
  0%, 100% {
    border-radius: 50% 50% 45% 55% / 55% 45% 50% 50%;
  }
  25% {
    border-radius: 45% 55% 50% 50% / 50% 50% 55% 45%;
  }
  50% {
    border-radius: 55% 45% 55% 45% / 45% 55% 45% 55%;
  }
  75% {
    border-radius: 50% 50% 50% 50% / 55% 45% 55% 45%;
  }
}

@keyframes morph3 {
  0%, 100% {
    border-radius: 60% 40% 50% 50% / 50% 50% 40% 60%;
  }
  25% {
    border-radius: 40% 60% 55% 45% / 45% 55% 60% 40%;
  }
  50% {
    border-radius: 50% 50% 45% 55% / 55% 45% 50% 50%;
  }
  75% {
    border-radius: 55% 45% 50% 50% / 50% 50% 45% 55%;
  }
}

@keyframes float1 {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(-20px, -15px) scale(1.05);
  }
}

@keyframes float2 {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(25px, 20px) scale(0.95);
  }
}

@keyframes float3 {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(15px, -25px) scale(1.08);
  }
}

.o4c {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-md);
}

@media (min-width: 768px) {
  .o4c {
    gap: var(--spacing-lg);
  }
}

.e08b33d {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xs);
  margin-bottom: var(--spacing-sm);
}

.idca {
  font-size: clamp(3.5rem, 12vw, 5.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: codeFloat 3s ease-in-out infinite;
}

@keyframes codeFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.ib6 {
  font-size: clamp(0.85rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.ef5 {
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: -0.01em;
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  .ef5 {
    margin-bottom: var(--spacing-md);
  }
}

.d1b2dbcb {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 550px;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0.3px;
}

@media (min-width: 768px) {
  .d1b2dbcb {
    margin-bottom: var(--spacing-sm);
  }
}

.m1bd {
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 500px;
  margin: 0 auto;
  font-weight: 400;
}

.p94 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  border-radius: var(--radius-lg);
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
  margin-top: var(--spacing-lg);
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .p94 {
    padding: var(--spacing-md) var(--spacing-2xl);
    margin-top: var(--spacing-xl);
  }
}

.ad28 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

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

.p4e1ac {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
}

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

.k3738c {
  display: inline;
}

.a385a {
  display: inline-block;
  transition: transform var(--transition-base);
}

.ad28:hover .a385a {
  transform: translateX(4px);
}

@media (max-width: 480px) {
  .idca {
    animation: none;
  }
  
  .l1faa {
    filter: blur(0px);
  }
}

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

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

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

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

.oc25 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
}

@media (min-width: 768px) {
  .k35 {
    padding: var(--spacing-4xl) 0;
  }
}

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

@media (min-width: 768px) {
  .bdb8c01 {
    padding: var(--spacing-4xl) 0;
  }
}

.a1b0a9e3 {
  width: 100%;
}

.h48 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

.c5ed36 {
  flex: 1 1 100%;
  min-width: 0;
}

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

.afb95 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-bottom: var(--spacing-lg);
}

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

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

.k541357 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.b98 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.pbe23869,
.oef {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  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);
}

.pbe23869::placeholder,
.oef::placeholder {
  color: var(--color-text-muted);
}

.pbe23869:focus,
.oef:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.oef {
  resize: vertical;
  min-height: 140px;
  font-family: var(--font-primary);
}

.i22f130 {
  margin: var(--spacing-sm) 0;
}

.le1a {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.c103689 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.i9be8f05 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
  width: 100%;
}

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

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

.i9be8f05:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.ff1 {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

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

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

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

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

.mbd {
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), border-color var(--transition-base);
}

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

.k86f649 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.k86f649 i {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-primary);
}

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

.f8bb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

.oa7 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.d8bcd {
  padding: var(--spacing-lg);
  background-color: var(--color-primary-light);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
}

.f3c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1vw + 0.5rem, 1.2rem);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin-bottom: var(--spacing-sm);
}

.k93c5 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-primary-dark);
  line-height: 1.7;
  margin: 0;
}

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

.ha99 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: 2px solid var(--color-accent-light);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

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

.padaf {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

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

.padaf:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

@media (min-width: 768px) {
  .f3b4 {
    padding: var(--spacing-4xl) 0;
  }
}

.j0825 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: center;
  align-items: center;
}

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

.o36ef {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 500px;
  margin: 0;
}

.f7e667 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base);
}

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

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

.f7e667:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

@media (max-width: 767px) {
  .h48 {
    gap: var(--spacing-2xl);
  }

  .c5ed36,
  .ff1 {
    flex: 1 1 100%;
  }
}

@media (min-width: 1024px) {
  .h48 {
    gap: var(--spacing-4xl);
  }

  .c5ed36 {
    flex: 0 1 50%;
  }

  .ff1 {
    flex: 0 1 45%;
  }
}
.c4c4,.h65b{
  width: 34px;
}

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

.he9ff7{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .he9ff7{
    max-width: 100%;
  }
}

.he9ff7.l0bf3{
  z-index: 999;
}

.a595a{
  padding-top: 50px;
}

.c4c4[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .m30d6e {
    aspect-ratio: 6 / 9;
  }
}