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

:root {
  --color-bg-primary: #0a0a0a;
  --color-bg-secondary: #171717;
  --color-bg-tertiary: #262626;
  --color-bg-card: #171717;

  --color-text-primary: #fafafa;
  --color-text-secondary: #d4d4d4;
  --color-text-muted: #a3a3a3;

  --color-primary: #22d3ee;
  --color-primary-hover: #06b6d4;
  --color-primary-light: #06d6ff;
  --color-secondary: #67e8f9;
  --color-secondary-light: #a5f3fc;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #2a2a2a;
  --color-border-light: #1f1f1f;

  --font-primary: 'Figtree', sans-serif;
  --font-heading: 'Urbanist', sans-serif;

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

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

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.9);

  --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);

  font-size: 16px;
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  
  --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 {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  font-family: var(--font-primary);
  font-weight: 400;
}

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.02em;
}

h2 {
  font-size: 2.5rem;
  letter-spacing: -0.01em;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

.c1dab {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1rem;
}

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

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

.i2e {
  background: transparent;
  color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-xl);
  border: 2px solid var(--color-primary);
  font-size: 1rem;
}

.i2e:hover {
  background: rgba(34, 211, 238, 0.1);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

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

.jd42d3d4 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
}

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

.gc3d {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  transition: all var(--transition-base);
}

.gc3d:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.1);
}

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

.p2f6f {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: rgba(34, 211, 238, 0.15);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.n55f2 {
  background: rgba(16, 185, 129, 0.15);
  color: var(--color-success-light);
}

.if0 {
  background: rgba(245, 158, 11, 0.15);
  color: var(--color-warning-light);
}

.k4554178 {
  background: rgba(239, 68, 68, 0.15);
  color: var(--color-danger-light);
}

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

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

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

@media (max-width: 480px) {
  :root {
    font-size: 14px;
  }

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

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

  .c1dab, .i2e {
    width: 100%;
  }

  .l28d {
    padding: var(--spacing-xl) 0;
  }
}
.da3 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  z-index: 100;
  overflow: hidden;
}

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

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

.k269da:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

.g2aa {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: all var(--transition-base);
}

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

.g2aa.a15 .od016d8:nth-child(1) {
  transform: rotate(45deg) translateY(12px);
}

.g2aa.a15 .od016d8:nth-child(2) {
  opacity: 0;
}

.g2aa.a15 .od016d8:nth-child(3) {
  transform: rotate(-45deg) translateY(-12px);
}

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

.d4eb48.a15 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

.befc074:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.5rem, 4vw, 2.5rem);
}

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

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

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

  .e9ce {
    display: block;
  }

  .g2aa {
    display: none;
  }

  .d4eb48 {
    display: none;
  }
}

@media (max-width: 767px) {
  .cbc88ee {
    height: clamp(3.5rem, 8vw, 4.5rem);
  }
}

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

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

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

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

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

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

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

.j6844 {
  width: 60px;
  height: 4px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

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

.n5eb8b {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  text-align: center;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .m84de {
    flex-direction: column;
  }
  
  .h59adf0, .n61e914 {
    flex: 1 1 100%;
  }
}

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

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

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

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

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

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

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

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

.be9a4bfb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: var(--shadow-sm);
  width: 100%;
  max-width: 350px;
}

.k698 {
  font-size: 2.5rem;
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

.eb24 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

@media (max-width: 768px) {
  .d3da9a {
    flex-direction: column;
  }
  
  .df3d, .l5dff {
    flex: 1 1 100%;
  }
}

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

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

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

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

.nefe0 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

.edaef80 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.d71bb8 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

.i0e635c {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition-base);
}

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

.p688ac {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

.mcd542f0 {
  text-align: center;
  margin-top: 1rem;
}

.nbf5dba8 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.025rem);
  display: inline-block;
  transition: all var(--transition-base);
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

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

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

.n7facc16 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.gf6e2c {
  font-size: clamp(1.75rem, 4vw + 1rem, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
  margin: 0;
}

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

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

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

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

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

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

.k6e {
  flex: 1 1 calc(25% - 1rem);
  min-width: 150px;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

.o92 {
  width: 80px;
  height: 80px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

.n73 {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.025rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

.cfde {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid var(--color-border);
}

.k5082 .cfde {
  border-bottom-color: var(--color-danger-light);
}

.a27948 .cfde {
  border-bottom-color: var(--color-success-light);
}

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

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

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

.f838 {
  display: none;
}

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

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

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

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

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

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

.c29 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.oc28ee3 {
  color: var(--color-success-light);
  font-size: 1.25rem;
  font-weight: 700;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

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

.cc853eb8 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3.5rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  text-align: center;
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

.j0050f {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

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

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

.j0050f:hover .j806e img {
  transform: scale(1.05);
}

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

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

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

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

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

.n9c4 {
  text-align: center;
  margin-top: 1rem;
}

.bf1 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.025rem);
  display: inline-block;
  transition: all var(--transition-base);
  padding: 0.5rem 1rem;
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-md);
}

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

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

.bf589.cb035 {
  display: none;
}

.mc85883e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.m03, .lcda6cbf {
  padding: 0.6rem 1.25rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

.lcda6cbf {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

.lcda6cbf:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
}

@media (max-width: 768px) {
  .bf589 {
    flex-direction: column;
    gap: 1rem;
  }
  
  .mc85883e {
    text-align: center;
    width: 100%;
  }
  
  .pf71de {
    width: 100%;
    justify-content: center;
  }
  
  .m03, .lcda6cbf {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .he3 {
    font-size: 14px;
  }
  
  .n5eb8b {
    width: 100%;
  }
}

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

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

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

.c9f {
  max-width: 600px;
}

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

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

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

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

.b293481,
.gc7e {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.5vw, 0.875rem);
}

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .ef4f79 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(3rem, 6vw, 5rem);
    grid-auto-flow: dense;
  }

  .c9f {
    grid-column: 1 / -1;
    max-width: 100%;
  }

  .b293481,
  .gc7e {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .ie774c {
    flex: 0 0 auto;
  }
}

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

  .c9f {
    grid-column: 1 / 2;
  }

  .c585b285 {
    grid-column: auto;
  }

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

@media (max-width: 767px) {
  .b293481,
  .gc7e {
    gap: clamp(0.5rem, 1vw, 0.75rem);
  }
}
    

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

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

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

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

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

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

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

.n10974 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.l19d {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.ke7003f9 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

.adb3 {
  flex: 0 0 45%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.ib5df {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.k4345 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
}

.aab8053c,
.nd3391,
.hea554cb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.aab8053c i,
.nd3391 i,
.hea554cb i {
  color: var(--color-accent);
}

.d8706a {
  display: inline-block;
  align-self: flex-start;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.625rem, 1.5vw, 0.875rem) clamp(1.25rem, 3vw, 1.75rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.c5647 {
  flex: 0 0 auto;
  width: clamp(3rem, 8vw, 4.5rem);
  height: clamp(3rem, 8vw, 4.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: 700;
  font-family: var(--font-heading);
  flex-shrink: 0;
}

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

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

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

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

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

.e53b4d1 {
  text-align: center;
}

.n7a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .edc {
    flex-direction: column;
  }

  .adb3 {
    flex: 0 0 auto;
    min-height: 250px;
    width: 100%;
  }

  .la6 {
    flex: 1 1 auto;
    padding: clamp(1.25rem, 3vw, 1.75rem);
  }

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

  .c5647 {
    margin-bottom: 0;
  }

  .o5dd53 {
    width: 100%;
  }
}

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

  .adb3 {
    flex: 0 0 40%;
    min-height: 280px;
  }

  .la6 {
    flex: 1 1 60%;
  }
}

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

  .adb3 {
    flex: 0 0 45%;
    min-height: 350px;
  }

  .la6 {
    flex: 1 1 55%;
  }

  .e758 {
    align-items: flex-start;
    text-align: left;
  }
}

* {
  box-sizing: border-box;
}

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

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

.h362ef2 {
  width: 100%;
  background: var(--color-bg-primary);
  overflow-x: hidden;
}

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

.p44b1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

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

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

.p44b1 span:last-child {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.lbe720 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.ab7abf {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 0;
}

.g5d {
  flex: 1 1 50%;
  padding: clamp(2rem, 5vw, 3.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

.g931bb02 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.6;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

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

.me2c6f {
  flex: 1 1 50%;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

.d52 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  min-height: 300px;
}

@media (max-width: 768px) {
  .ab7abf {
    flex-direction: column;
  }
  
  .g5d {
    flex: 1 1 100%;
  }
  
  .me2c6f {
    flex: 1 1 100%;
    min-height: 280px;
  }
  
  .e6e {
    gap: 1rem;
  }
}

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

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

.ica {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

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

.f5b1 {
  color: var(--color-text-muted);
  font-size: 0.8125rem;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

@media (max-width: 768px) {
  .e6825 {
    gap: 1rem;
  }
  
  .ica {
    width: 70px;
    height: 70px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .caa6 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .a9a,
  .i53 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.ce9 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0.5rem 0;
  font-family: var(--font-heading);
}

.p94f code {
  background: var(--color-bg-tertiary);
  color: var(--color-secondary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Monaco', 'Menlo', monospace;
  font-size: 0.9em;
}

@media (max-width: 768px) {
  .l00fe0 {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .ncd,
  .p94f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.k468d {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
}

.b050f7d1 {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 1.5vw, 1.3rem);
  font-weight: 600;
  margin: 0 0 1rem 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-family: var(--font-heading);
}

.b050f7d1 i {
  color: var(--color-warning);
  font-size: 1.3em;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .m8c {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }
  
  .ld65e,
  .ia9f69cd {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.efb {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .efb {
    flex: 1 1 100%;
  }
  
  .m4a5 {
    height: 200px;
  }
}

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

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

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

.i1783ece {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.n5165f4 {
  display: block;
}

.k9b7a {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 4rem);
  align-items: center;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.nd79d i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

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

  .l90be,
  .l04d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.gc9fca {
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid var(--color-accent);
}

.i0a455bb {
  flex: 1;
}

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

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

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

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

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

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

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

.l253 {
  flex: 1 1 55%;
  max-width: 55%;
}

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

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

.j06 {
  flex: 1 1 45%;
  max-width: 45%;
}

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

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

.iade9f6 {
  list-style: none;
  padding: 0;
  margin: 0;
}

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

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

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

  .l253,
  .j06 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.e4c18c,
.c1e,
.m16550,
.id982d44,
.c5b9a4 {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.e4c18c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
}

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

.c5b9a4 {
  background: var(--color-bg-primary);
  border-bottom: none;
}

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

.bcc36181 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

  .f05,
  .nfd5ad {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.d95587d {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

.pf8 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p987 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.p987:hover .hd0995 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dcd5a4 {
  display: block;
}

.fbeb {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.n456f1 {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

@media (max-width: 768px) {
  .fbeb {
    flex-direction: column;
  }
  
  .j0716,
  .l428b3c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.p0d0447f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .bd836 {
    flex-direction: column;
  }
  
  .b26c8,
  .bf01af {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.ce7 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.4rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  line-height: 1.3;
}

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

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

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

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

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

@media (max-width: 768px) {
  .e7307301 {
    flex-direction: column;
  }
  
  .a5e,
  .j37066 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

@media (max-width: 768px) {
  .mebe3 {
    flex-direction: column;
  }
  
  .g7c6,
  .i0534b7d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

@media (max-width: 768px) {
  .f8fe4f67 {
    flex-direction: column;
  }
  
  .bea872e,
  .fe63e8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.m035 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

.f13f6 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1;
}

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

.i6c331b {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

.i6dbcda {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  background: var(--color-bg-primary);
  padding: clamp(0.75rem, 1vw, 1rem);
  border-radius: var(--radius-sm);
  margin: 0;
  line-height: 1.6;
}

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

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

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

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

.o613ae {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 1.75rem);
  color: var(--color-warning);
}

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

.pd93 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

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

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

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

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

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

.jd15 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: clamp(1.5rem, 3vw, 2rem);
  position: relative;
  line-height: 1.7;
}

.jd15:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

@media (max-width: 768px) {
  .h0be1 {
    flex-direction: column;
  }
  
  .j931819,
  .oe5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.c5250 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 250px;
  max-width: 100%;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .nbb5 {
    display: block;
    text-align: center;
  }
}

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

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

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

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

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

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

  .e73 {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom: clamp(2rem, 4vw, 3rem);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
    color: var(--color-text-secondary);
  }

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

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

  .ha20 {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    padding: clamp(2rem, 4vw, 3rem);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
  }

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

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

  .kbc7687 {
    flex: 1 1 50%;
    max-width: 50%;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

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

    .a2b10793,
    .kbc7687 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

  .e8b4d9 {
    width: 80px;
    height: 80px;
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
    border: 2px solid var(--color-accent);
  }

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

  .k608fd18 {
    font-size: 0.8125rem;
    color: var(--color-text-muted);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

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

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

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

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

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

    .e8b4d9 {
      width: 70px;
      height: 70px;
    }
  }

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

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

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

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

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

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

  .k9ff90e2 {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
    border-radius: var(--radius-lg);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-left: 4px solid var(--color-secondary);
  }

  .k9ff90e2 i {
    font-size: clamp(2rem, 4vw, 3rem);
    color: var(--color-text-on-accent);
  }

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

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

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

    .h5be,
    .oad0 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .d4f31aea {
    flex: 1 1 50%;
    max-width: 50%;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

  .me0bf876 {
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
    color: var(--color-text-primary);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    font-weight: 600;
  }

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

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

  .c5d6 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
    color: var(--color-warning);
    font-weight: 600;
    margin-bottom: 0.5rem;
  }

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

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

    .ef4387f9,
    .d4f31aea {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .a90 {
    flex: 1 1 50%;
    max-width: 50%;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

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

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

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

  .g63 {
    flex: 1;
  }

  .e26a1 {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
    font-weight: 600;
  }

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

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

    .a90,
    .n76e66f {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ob522d3 {
      flex-direction: column;
    }

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

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

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

  .e643 {
    flex-shrink: 0;
    font-size: clamp(1.5rem, 3vw, 2rem);
    color: var(--color-warning);
  }

  .beddd61c {
    flex: 1;
  }

  .b43 {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
    color: var(--color-text-primary);
    margin: 0 0 0.5rem 0;
    font-weight: 600;
  }

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

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

    .e643 {
      margin-bottom: 0;
    }
  }

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

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

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

  .cf4 {
    flex: 1 1 50%;
    max-width: 50%;
    border-radius: var(--radius-lg);
    overflow: hidden;
  }

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

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

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

    .f00d,
    .cf4 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .e613 {
    font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
    color: var(--color-text-secondary);
    margin: 0;
    text-align: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

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

  .af9 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
    min-width: 250px;
    max-width: 350px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    padding: clamp(1.5rem, 3vw, 2rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

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

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

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

  .c661 {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
    border-radius: var(--radius-lg);
    padding: clamp(2rem, 4vw, 3rem);
    text-align: center;
    margin-top: clamp(1rem, 2vw, 2rem);
  }

  .b77 {
    font-size: clamp(1.2rem, 2vw + 0.5rem, 1.5rem);
    color: var(--color-text-on-accent);
    margin: 0 0 1rem 0;
    font-weight: 700;
  }

  .j60a {
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-on-accent);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    line-height: 1.6;
  }

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

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

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

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

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

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

  .ha89f {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    max-width: 400px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

  .e0d858 a:hover {
    color: var(--color-accent);
    text-decoration: none;
  }

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

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

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

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

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

    .fd3 {
      height: 180px;
    }
  }

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

html, body {
  font-family: var(--font-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, a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.e453d {
  text-align: center;
  max-width: 900px;
}

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

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

.fa0b5a53 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

.m575f {
  background: #f5f5f5;
  color: #1a1a1a;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.p7528f {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.mdbd5 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: #1a1a1a;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.f2f2 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: #4a4a4a;
  max-width: 700px;
  margin: 0 auto;
}

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

.ie40 {
  flex: 1 1 clamp(250px, 30%, 350px);
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
  transition: var(--transition-base);
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.ie40:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  border-color: var(--color-primary);
}

.hda {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--color-primary);
  margin-bottom: 0.75rem;
}

.n23a75 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: #4a4a4a;
  font-weight: 500;
}

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

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

.d1db1 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.i88 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

.b0aef8 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

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

.cbd {
  flex: 1 1 clamp(220px, 28%, 320px);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 2vw, 2rem);
  transition: var(--transition-base);
}

.cbd:hover {
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
  transform: translateY(-3px);
}

.f0ece {
  width: 3rem;
  height: 3rem;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

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

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

.d6f {
  background: #f8f8f8;
  color: #1a1a1a;
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.a3ce82 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.d735c3 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: #1a1a1a;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
}

.ib0 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: #555;
  max-width: 700px;
  margin: 0 auto;
}

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

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

.b31b96e {
  min-width: 4rem;
  width: 4rem;
  height: 4rem;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  font-weight: 800;
  flex-shrink: 0;
}

.i31bc557 {
  flex: 1;
}

.j4d1d {
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.25rem);
  color: #1a1a1a;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

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

.j11 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

.bc164e6 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto;
}

.f2e6 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

.ebc {
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: 0.5rem;
  max-width: 800px;
  margin: clamp(2rem, 4vw, 3rem) auto;
}

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

.m60f560e {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

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

.ac300 {
  flex: 1 1 clamp(240px, 32%, 360px);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  border-radius: 0.75rem;
  padding: clamp(1.75rem, 3vw, 2.5rem);
  text-align: center;
  transition: var(--transition-base);
}

.ac300:hover {
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

.e17 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: 1rem;
}

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

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

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

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

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

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

.d490 {
  font-size: clamp(1.05rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.bcdc {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
}

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

  .ie40 {
    flex: 1 1 100%;
  }

  .lab57 {
    flex-direction: column;
  }

  .cbd {
    flex: 1 1 100%;
  }

  .pc6a31a {
    flex-direction: column;
  }

  .ac300 {
    flex: 1 1 100%;
  }

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

  .b31b96e {
    min-width: 3.5rem;
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.5rem;
  }

  .d90aa {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .l0e6569 {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }
}

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

  .b31b96e {
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    font-size: 1.25rem;
  }

  .ebc {
    border-left-width: 3px;
    padding: clamp(1.5rem, 2vw, 2rem);
  }
}

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

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

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

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

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

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

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

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

.p3d9 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 500px;
}

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

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

  .b295d10f {
    flex: 1 1 100%;
  }

  .p3d9 {
    flex: 1 1 100%;
    min-height: 250px;
    max-height: 350px;
  }
}

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

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

.i92dfc {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.ge5 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.1vw + 0.3rem, 1rem);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ef627 {
  flex: 1 1 clamp(280px, 100%, 350px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
}

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

.ob5bbc2 {
  width: 48px;
  height: 48px;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-text-on-accent);
}

.aea {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.e7f15f {
  flex: 1 1 clamp(280px, 100%, 400px);
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

.k0dbe9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.1vw + 0.3rem, 1rem);
  max-width: 650px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.ab73f:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.b9d9 {
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  flex-shrink: 0;
  min-width: 60px;
}

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

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

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

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

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

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

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

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

.ca3f859 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.1vw + 0.3rem, 1rem);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.d62 {
  flex: 1 1 clamp(300px, 100%, 380px);
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

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

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

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

.obec51 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
}

.d62:hover .obec51 {
  gap: 0.75rem;
}

.e9a90813 {
  text-align: center;
  margin-top: clamp(0.5rem, 2vw, 1.5rem);
}

.mfd8a625 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

.l5a339c {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.1vw + 0.3rem, 1.05rem);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .ic4610b7 {
    padding: clamp(3rem, 8vw, 5.5rem) 0;
  }

  .n7eaf {
    gap: clamp(1.75rem, 3vw, 2.25rem);
  }

  .be04d5 {
    gap: clamp(2rem, 3vw, 2.75rem);
  }

  .j52825a {
    gap: clamp(1.75rem, 3vw, 2.25rem);
  }
}

@media (min-width: 1024px) {
  .ic4610b7 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

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

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

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

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

.h61d7c6f {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.oa8a6 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.02em;
}

.g208 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .h61d7c6f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .h61d7c6f {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.b1e5397 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.g37ae7 {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .b1e5397 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .g37ae7 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .b1e5397 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

.fdeb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

.fdeb:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-border);
}

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

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

.n0c {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.j4dd {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.f3752a {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.4;
}

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

.l9ae78 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.p781 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.od1ea7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.b09fdf3 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  letter-spacing: 0.02em;
}

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

.b09fdf3:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .l9ae78 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .l9ae78 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (max-width: 767px) {
  .fdeb {
    box-shadow: var(--shadow-sm);
  }

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

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

.h55 {
  position: relative;
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.jffb832 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
  position: relative;
  z-index: 2;
}

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

.j3ee67 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

.oca {
  padding: var(--spacing-3xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a89e4 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.d041 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-3xl) 0;
}

.o97f4b5 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.h5c {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

.b5714d0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.l6d9baa1 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.d8e9 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.jdb {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: 0.9375rem;
  transition: all var(--transition-base);
  width: fit-content;
  font-family: var(--font-primary);
}

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

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

.c3f995 {
  padding: var(--spacing-3xl) 0;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.b06816 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a28c18c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-3xl) 0;
}

.hd9a4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.nab54 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  border-left: 4px solid var(--color-primary);
  transition: all var(--transition-base);
}

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

.c8336 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: var(--spacing-sm);
}

.n31146 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.25rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.g9a4aaf3 {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.m0673ac {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
}

.d5cb010 {
  padding: var(--spacing-3xl) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.g25e569 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ica3 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.25rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-3xl) 0;
}

.j4792b {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

.j6af853 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  border: 1px solid var(--color-border-light);
  text-align: center;
  transition: all var(--transition-base);
}

.j6af853:hover {
  border-color: var(--color-secondary);
  box-shadow: var(--shadow-md);
}

.j6af853 i {
  font-size: 2.5rem;
  color: var(--color-secondary);
  margin-bottom: var(--spacing-md);
}

.j6af853 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.25rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.j6af853 p {
  font-family: var(--font-primary);
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

.ec2f32 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-2xl);
}

.l9887d39 {
  padding: var(--spacing-3xl) 0;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.i81 {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.n02d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.25rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.l3e {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.g0438b0 {
  display: inline-block;
  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);
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: 2px solid var(--color-primary);
}

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

.a8fedd91 {
  font-family: var(--font-primary);
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  margin-top: var(--spacing-lg);
}

.a50 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

@media (min-width: 768px) {
  .h55 {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

@media (min-width: 1024px) {
  .h55 {
    padding: var(--spacing-3xl) 0;
  }

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

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

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

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

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

  .hd9a4 {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: var(--spacing-3xl);
  }

  .j4792b {
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: var(--spacing-3xl);
  }

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

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

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

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

.p7c .p25 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.p7c .h461d609 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-4xl) var(--spacing-md);
}

.p7c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  line-height: 1.3;
}

.p7c .g2dbbd1 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.p7c h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.p7c p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
  text-align: justify;
}

.p7c ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

.p7c li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.i1e0c47a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.i1e0c47a h2 {
  margin-top: 0;
}

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

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

@media (min-width: 768px) {
  .p7c .h461d609 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .p7c .p25 {
    padding: 0 var(--spacing-xl);
  }

  .p7c .h461d609 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

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

.a9e {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.caffb903 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

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

.o14096 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.d06f7 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-bottom: var(--spacing-md);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.d06f7 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke: var(--color-success);
  fill: none;
}

.a9e h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-sm);
  animation: slideUp 0.6s ease-out 0.1s both;
}

.a9e .ff8 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.2s both;
}

.jb72 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-md);
  animation: slideUp 0.6s ease-out 0.3s both;
}

.k9d {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  animation: slideUp 0.6s ease-out 0.4s both;
}

.n5eb8b {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: var(--transition-base);
  text-align: center;
  letter-spacing: 0.3px;
  animation: slideUp 0.6s ease-out 0.5s both;
  min-width: 200px;
}

.c1dab {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.c1dab:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .a9e {
    padding: var(--spacing-lg);
  }

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

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

  .d06f7 {
    width: 120px;
    height: 120px;
  }

  .n5eb8b {
    min-width: 240px;
  }
}

@media (min-width: 768px) {
  .a9e {
    padding: var(--spacing-xl);
  }

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

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

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

  .d06f7 {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-lg);
  }

  .n5eb8b {
    min-width: 280px;
    padding: var(--spacing-lg) var(--spacing-2xl);
  }
}

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

  .d06f7 {
    width: 160px;
    height: 160px;
  }

  .jb72 {
    font-size: 1.05rem;
  }

  .k9d {
    font-size: 1.05rem;
  }
}

@supports (backdrop-filter: blur(1px)) {
  .o14096 {
    background-color: var(--color-bg-card);
    padding: var(--spacing-2xl);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    box-shadow: var(--shadow-sm);
  }

  @media (min-width: 640px) {
    .o14096 {
      padding: var(--spacing-3xl);
    }
  }

  @media (min-width: 768px) {
    .o14096 {
      padding: var(--spacing-4xl);
    }
  }
}

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

.p17a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
}

.f8e0f {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.h461d609 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.l23c {
  margin-bottom: var(--spacing-lg);
  animation: float 3s ease-in-out infinite;
}

.ide {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-xl);
}

.e954 {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  letter-spacing: -0.02em;
}

.c7aa2 {
  position: absolute;
  width: clamp(60px, 12vw, 120px);
  height: clamp(60px, 12vw, 120px);
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  bottom: -20px;
  right: -20px;
  opacity: 0.5;
  animation: spin 20s linear infinite;
}

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

.k36d439d {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  letter-spacing: -0.01em;
}

.d8ecfaa1 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
}

.lf6 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-top: var(--spacing-sm);
}

.h73 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: var(--spacing-lg) var(--spacing-md);
  margin: var(--spacing-lg) 0;
  text-align: left;
}

.p0d {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.obd0b1b1 li {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.n5eb8b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  margin-top: var(--spacing-md);
}

.c1dab {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

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

.pfe5d {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  font-style: italic;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 640px) {
  .f8e0f {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .obd0b1b1 {
    flex-direction: row;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
    justify-content: center;
  }

  .obd0b1b1 li {
    flex: 0 1 auto;
  }
}

@media (min-width: 768px) {
  .f8e0f {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

  .h73 {
    text-align: center;
  }

  .obd0b1b1 li {
    padding-left: 0;
  }

  .obd0b1b1 li::before {
    content: "";
    color: var(--color-success);
    margin-right: var(--spacing-xs);
  }
}

@media (min-width: 1024px) {
  .f8e0f {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

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

.g0c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.b6ecce {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  text-align: center;
}

.g0c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
}

.i16 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .g0c {
    padding: var(--spacing-4xl) 0;
  }
}

.h89bbf {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
}

@media (min-width: 768px) {
  .h89bbf {
    padding: var(--spacing-4xl) 0;
  }
}

.hbcf6 {
  width: 100%;
}

.i5868c19 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

.l7ede98 {
  flex: 1 1 100%;
  min-width: 0;
}

.m1e2a {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 1024px) {
  .l7ede98 {
    flex: 1 1 45%;
    max-width: none;
  }

  .m1e2a {
    flex: 1 1 45%;
    max-width: none;
  }
}

.i288e3c1 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.i288e3c1 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
}

.iad1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.jfb {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b1dba,
.g3b {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  outline: none;
}

.b1dba::placeholder,
.g3b::placeholder {
  color: var(--color-text-muted);
}

.b1dba:focus,
.g3b:focus {
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.g3b {
  resize: vertical;
  min-height: 140px;
}

.i730aa {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: all var(--transition-base);
  outline: none;
}

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

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

.b9059 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
}

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

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

.f8352d86 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.f8352d86 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
}

.j26ceef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

.gb4 {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
}

.i08ff h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.i08ff p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

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

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

.c0ff {
  font-size: clamp(0.8rem, 0.9vw, 0.9rem) !important;
  color: var(--color-text-muted) !important;
  margin-top: var(--spacing-xs) !important;
}

.f4a9a89 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-xl);
}

.f4a9a89 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

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

.kdfe li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

.l1775f {
  background-color: var(--color-primary-light);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
}

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

.l74 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

@media (min-width: 768px) {
  .l74 {
    padding: var(--spacing-4xl) 0;
  }
}

.e847ff2 {
  width: 100%;
}

.l74 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: var(--spacing-3xl);
}

.l3cf3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

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

.jc5a668 {
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  transition: all var(--transition-base);
}

.jc5a668:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-md);
}

.jc5a668 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.jc5a668 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 767px) {
  .i5868c19 {
    gap: var(--spacing-2xl);
  }
}
.g2aa,.h4ca7c{
  width: 34px;
}

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

.d4eb48{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .d4eb48{
    max-width: 100%;
  }
}

.d4eb48.a15{
  z-index: 999;
}

.g2aa[aria-expanded="true"]{
  display: none;
}
