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

:root {
  --color-bg-primary: #0a1a0f;
  --color-bg-secondary: #132d1a;
  --color-bg-tertiary: #1a4025;
  --color-bg-card: #112518;

  --color-text-primary: #f0fdf4;
  --color-text-secondary: #bbf7d0;
  --color-text-muted: #86efac;

  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --color-primary-light: #34d399;
  --color-secondary: #4ade80;
  --color-secondary-light: #6ee7b7;

  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;

  --color-border: #2d5a3d;
  --color-border-light: #1f4430;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-heading: 'Outfit', sans-serif;

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

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

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

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

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

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

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

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

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

h1 {
  font-size: 3.5rem;
  letter-spacing: -0.5px;
}

h2 {
  font-size: 2.75rem;
  letter-spacing: -0.3px;
}

h3 {
  font-size: 2rem;
  letter-spacing: 0px;
}

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

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

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

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

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

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

.d7dff0dc:hover {
  background: var(--color-secondary-light);
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
}

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

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

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

.pb4 {
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

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

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

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

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

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

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

.o1179a4 {
  display: flex;
}

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

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

.n4adf {
  flex-direction: column;
}

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

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

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

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

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

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

.c2c0 {
  background: linear-gradient(135deg, var(--color-bg-card) 0%, var(--color-bg-tertiary) 100%);
  border-color: var(--color-primary-light);
}

.p80710b3 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  background: var(--color-primary);
  color: var(--color-bg-primary);
}

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

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

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

.i2b72 {
  background: var(--color-danger);
}

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

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

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

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

.o570d {
  text-align: center;
}

.mc9c6 {
  text-align: left;
}

.m7dd {
  text-align: right;
}

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

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

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

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

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

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

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

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

.c2f {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.a6a {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j431d {
  opacity: 0.5;
}

.na6824 {
  opacity: 0.75;
}

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

.nd7a0f5 {
  transition: all var(--transition-fast);
}

.mec8f1 {
  transition: all var(--transition-slow);
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

@media (max-width: 768px) {
  :root {
    font-size: 15px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .d47,
  .k40cc8,
  .ha644358 {
    grid-template-columns: 1fr;
  }

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

  .g734ff74 {
    padding: 0 var(--spacing-sm);
  }

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

  .a8ec4e {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.95rem;
  }
}
.p41aa3e {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.g6d8:hover {
  opacity: 0.8;
}

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

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

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

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

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

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

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

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

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

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

.mca {
  display: block;
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

.bacc6964[aria-expanded="true"] .mca:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.bacc6964[aria-expanded="true"] .mca:nth-child(2) {
  opacity: 0;
}

.bacc6964[aria-expanded="true"] .mca:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.ia1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
  padding-top: clamp(60px, 12vw, 80px);
}

.ia1.p47d9 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.pef9d5 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: clamp(60px, 12vw, 80px);
  background: var(--color-bg-primary);
  z-index: 100;
}

.k72f517 {
  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-fast);
}

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

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

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

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

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

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

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

  .ia1 {
    display: none;
  }

  .o4cfd {
    display: flex;
  }

  .p91 {
    display: inline-block;
  }
}

@media (min-width: 1024px) {
  .cf10c {
    font-size: 1rem;
  }

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

    

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

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

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

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

.n3fd0b96::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, transparent 45%, var(--color-bg-secondary) 45%, var(--color-bg-secondary) 55%, transparent 55%);
  pointer-events: none;
}

.dc10 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 3rem);
  align-items: center;
  position: relative;
  z-index: 1;
}

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

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

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

.p189f {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

.d76 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 550px;
  overflow: hidden;
  border-radius: 8px;
}

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

.a8ec4e {
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

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

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

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

.g6f {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.f33dfd {
  color: var(--color-secondary);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  transition: color 0.3s ease;
  display: inline-block;
}

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

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

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

.m77fa6 {
  text-align: center;
}

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

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

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

.cea7d98 {
  flex: 1 1 100%;
  max-width: 500px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cea7d98:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
}

.cf5 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 200px;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cf5:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
}

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

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

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

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

  .pcbb34 {
    flex: 1 1 100%;
  }

  .d76 {
    flex: 1 1 100%;
    min-height: 300px;
    max-height: 400px;
  }

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

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

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

.hbc4d {
  text-align: center;
}

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

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

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

.g40 {
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  background: rgba(34, 197, 94, 0.05);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

.f4068 {
  text-align: center;
}

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

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

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

.pf9c {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
}

.h9b781a7 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.25rem, 2vw, 1.75rem);
  background: transparent;
  border: 2px solid var(--color-border);
  color: var(--color-text-secondary);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

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

.h9b781a7.k8588 {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-text-on-accent);
}

.a43fb5 {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1.5rem, 3vw, 2rem);
}

.pa46c {
  display: none;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.pa46c.k8588 {
  display: flex;
}

.e09 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  opacity: 0.3;
  line-height: 1;
}

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

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

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

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

.ga4b2 {
  text-align: center;
}

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

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

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

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

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

.e1a89265 {
  text-align: center;
}

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

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

.haad {
  flex: 1 1 45%;
  min-width: 250px;
}

.ob4a9d4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border);
  text-decoration: none;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.ob4a9d4:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
}

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

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

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

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

.a61 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: clamp(1rem, 2vw, 1.25rem);
  background: var(--color-bg-card);
  border-radius: 6px;
  border: 1px solid var(--color-border);
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

  .haad {
    flex: 1 1 100%;
  }

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

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

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

.c88 {
  border: 2px dotted var(--color-border);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
  max-width: 600px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.c88 .a8ec4e {
  align-self: center;
}

.nf5d32c2 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-top: 1px solid var(--color-border);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.nf5d32c2.ld9c {
  display: none;
}

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

.i93b4a0f {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.n21e7a82 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

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

.o2aa74 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.5rem);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  font-family: var(--font-primary);
}

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

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

  .m50fa26 {
    flex: 1 1 100%;
  }

  .i93b4a0f {
    flex: 1 1 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .n3fd0b96::before {
    background: linear-gradient(135deg, transparent 30%, var(--color-bg-secondary) 30%, var(--color-bg-secondary) 70%, transparent 70%);
  }

  .p189f {
    flex-direction: column;
  }

  .a8ec4e {
    width: 100%;
  }

  .pf9c {
    gap: 0.5rem;
  }

  .h9b781a7 {
    font-size: 0.8125rem;
    padding: 0.6rem 0.9rem;
  }
}

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

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

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

.n64 {
  padding-bottom: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.o34,
.nf90,
.b213ca {
  display: block;
}

.o34 h3,
.nf90 h3,
.b213ca h3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.8vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
}

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

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

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

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

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

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

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

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

  .n64 {
    flex: 1 1 100%;
    padding-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .o34,
  .nf90,
  .b213ca {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 180px;
  }

  .fe9c231e {
    flex: 1 1 100%;
    padding-top: clamp(1.5rem, 3vw, 2rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
  }

  .mc4,
  .n609c7d {
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .o34,
  .nf90,
  .b213ca {
    flex: 1 1 auto;
  }

  .fe9c231e {
    flex-direction: row;
  }
}

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

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

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

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

.h9865d {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
}

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

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

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

.d08b1 {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.e300be3 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(300px, 45vw, 420px);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

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

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

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

.l7ea7 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.4;
}

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

.p10 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  padding-top: clamp(0.75rem, 1.5vw, 1rem);
  border-top: 1px solid var(--color-border-light);
}

.bb37e,
.pee247,
.b89 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.bb37e i,
.pee247 i,
.b89 i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

  .j8d1 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .l83b {
    gap: clamp(2.5rem, 5vw, 3.5rem);
  }

  .e300be3 {
    gap: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .ke5 {
    padding: clamp(1.5rem, 3.5vw, 2rem);
  }
}

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

  .j8d1 {
    padding: 6rem 0;
  }

  .l83b {
    gap: 3rem;
  }

  .e300be3 {
    flex: 1 1 calc(50% - 1.5rem);
    max-width: 500px;
  }

  .e300be3:nth-child(odd) {
    flex-direction: row;
  }

  .e300be3:nth-child(odd) .c172d {
    width: 45%;
    aspect-ratio: auto;
    order: -1;
  }

  .e300be3:nth-child(odd) .ke5 {
    width: 55%;
  }

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

  .e300be3:nth-child(even) .c172d {
    width: 45%;
    aspect-ratio: auto;
  }

  .e300be3:nth-child(even) .ke5 {
    width: 55%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.n0b36 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-sm);
  font-weight: 500;
}

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

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

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

.n746d3d {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

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

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

.cc36 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

.ded1 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.c0a8984 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
}

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

.b278ba {
  margin: clamp(1.5rem, 3vw, 2.5rem) 0;
}

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

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

.g37 strong {
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

.k3fe3a88 {
  flex: 1 1 30%;
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
  height: fit-content;
}

.m238d {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.875rem, 2vw, 1.25rem);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.iaf7 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

.g8ac7c8c {
  flex: 0 0 140px;
  height: 100px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

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

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

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

  .m2b {
    flex: 1 1 100%;
  }

  .k3fe3a88 {
    flex: 1 1 100%;
    position: static;
  }

  .g4bca {
    flex-direction: column;
  }

  .db936,
  .iecd720e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

  .a9d {
    font-size: 0.8125rem;
  }

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

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

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

  .db936,
  .iecd720e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .g8ac7c8c {
    flex: 0 0 auto;
    width: 100%;
    height: 200px;
  }

  .he3 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }
}

@media (max-width: 480px) {
  .g734ff74 {
    padding: 0 clamp(0.75rem, 3vw, 1rem);
  }

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

  .c3ee01 {
    font-size: clamp(0.9375rem, 1.5vw, 1rem);
  }

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

  .ded1 {
    gap: 0.75rem;
  }

  .c0a8984 {
    padding-left: 1.5rem;
  }

  .a9d {
    gap: 0.375rem;
    font-size: 0.75rem;
  }
}

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

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

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

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

.oe640 {
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: var(--transition-base);
}

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

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

.lc8a542f {
  color: var(--color-text-primary);
  font-weight: 500;
}

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

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

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

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

.hb18 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

.oa6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.1875rem);
  line-height: 1.6;
  margin: 0;
  max-width: 90%;
}

.p2a7 {
  width: 100%;
  margin-top: clamp(1rem, 2vw, 2rem);
  border-radius: var(--radius-xl);
  overflow: hidden;
}

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

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

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

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

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

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

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

.fceb6 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  transition: var(--transition-base);
}

.fceb6:hover {
  background: var(--color-bg-tertiary);
  transform: translateY(-4px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lf6 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.bfc {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  transition: var(--transition-base);
}

.bfc:hover {
  transform: translateY(-4px);
  background: var(--color-bg-tertiary);
}

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

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

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

.e2a719c {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

@media (max-width: 768px) {
  .acf2489a,
  .i900b5c5,
  .baeca,
  .b17120 {
    flex-direction: column;
  }

  .padface7,
  .l9eb54,
  .i71ea43,
  .cf2,
  .j7deb,
  .c39e4d7,
  .i9092d8c,
  .k068e {
    flex: 1 1 100%;
    max-width: 100%;
    order: auto !important;
  }

  .fceb6 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-primary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-border-light);
}

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

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

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

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

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

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

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

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

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

.od321e81 {
  flex: 1 1 50%;
  min-width: 0;
}

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

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

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

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

.pb5a18c {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  line-height: 1.7;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.kaedc4bc {
  flex: 1 1 50%;
  min-width: 0;
}

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

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

.b6a32ea:nth-child(odd) {
  background: var(--color-bg-primary);
}

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

.l76 {
  flex: 1 1 50%;
  max-width: 50%;
  min-width: 0;
}

.k8473 {
  flex: 1 1 50%;
  max-width: 50%;
  min-width: 0;
}

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

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

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

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

.h721 li {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  padding-left: 1.75rem;
  position: relative;
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.a212a {
  flex: 1;
}

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

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

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

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

.e7bf {
  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.25;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.b00 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  max-width: 400px;
  width: 100%;
  text-align: center;
}

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

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

.i9dfbe72 {
  text-align: center;
}

.o90 {
  margin: 0 0 clamp(0.25rem, 0.5vw, 0.5rem) 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 600;
}

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

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

.k90f {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 600;
}

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

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

.hdc01 {
  width: 100%;
}

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

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

.p4d593 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 280px;
  max-width: 550px;
}

.b7024 {
  flex-shrink: 0;
  width: 140px;
  height: 140px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

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

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

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

  .od321e81,
  .kaedc4bc {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k6283f {
    flex-direction: column;
  }

  .l76,
  .k8473 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .o466770 {
    margin-top: 0;
  }

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

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

  .e7d1cac6 {
    font-size: 0.75rem;
  }

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

  .p4d593 {
    min-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

  .a872 {
    text-align: center;
  }

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

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

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

  .hcc,
  .p456,
  .g26e {
    font-size: clamp(0.8125rem, 1vw, 0.9375rem);
    color: var(--color-text-muted);
    padding: 0.5rem 1rem;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    display: inline-block;
  }

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

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

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

  .jbc8 {
    flex: 1 1 100%;
    min-width: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ac5c {
    background: var(--color-bg-tertiary);
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
    overflow: hidden;
    margin-bottom: clamp(2rem, 6vw, 4rem);
    border-left: 4px solid var(--color-accent);
  }

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

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

  .nfbb {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i2d3 {
    flex: 0 0 300px;
    position: sticky;
    top: 2rem;
    height: fit-content;
    max-height: 80vh;
    overflow-y: auto;
  }

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

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

  .p8e4f {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 3px solid var(--color-accent);
  }

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

  .f48b273 {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-accent);
    font-weight: 700;
  }

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

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

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

  .fce {
    font-size: 0.875rem;
    color: var(--color-text-muted);
    margin: 0;
  }

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

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

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

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

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

  .e6615 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 250px;
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 0;
    transition: all var(--transition-base);
  }

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

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

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

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

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

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

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

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

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

    .i2d3 {
      flex: 1 1 100%;
      position: relative;
      top: 0;
      max-height: none;
    }
  }

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

    .g31d,
    .j1c9,
    .c4d04d,
    .p811,
    .l20,
    .ob7576,
    .d29e9,
    .e2d91a8,
    .m5f,
    .p1afdc5 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .ca0af {
      gap: 0.75rem;
    }

    .hcc,
    .p456,
    .g26e {
      padding: 0.4rem 0.8rem;
      font-size: 0.75rem;
    }

    .lfae {
      flex-direction: column;
    }

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

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

    .g3cf3 {
      margin-top: 0;
    }
  }

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

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

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

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

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

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

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

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

.n68b53 {
  max-width: 800px;
}

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

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

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

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

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

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

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

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

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

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

.ocbd3f {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  max-width: 900px;
}

.ocbd3f strong {
  color: var(--color-secondary);
  font-weight: 600;
}

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

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

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

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

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

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

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

.i447 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 10px;
  padding: clamp(1.5rem, 2vw, 2.25rem);
  flex: 1 1 calc(50% - 1rem);
  min-height: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

@media (min-width: 1024px) {
  .i447 {
    flex: 1 1 calc(33.333% - 1.35rem);
  }
}

.i447:hover {
  transform: translateY(-4px);
  border-color: var(--color-secondary);
  background: var(--color-bg-tertiary);
}

.i29 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-secondary);
}

.ha6b1d {
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

.h9f3a {
  font-size: clamp(0.8125rem, 0.9vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex-grow: 1;
}

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

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

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

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

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

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

.jf6 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

.gbfa3 {
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  font-style: italic;
}

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

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

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

.hf8 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 800px;
}

.ba3932ba {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.e864 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  color: var(--color-secondary);
  flex-shrink: 0;
}

.g3a20912 {
  font-size: clamp(1.1rem, 1.5vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

@media (max-width: 767px) {
  .p720 {
    text-align: center;
  }

  .p73e43 {
    padding: 0;
  }

  .k942fd6 {
    flex-direction: column;
  }

  .i447 {
    flex: 1 1 100%;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .f51c83 {
    font-size: 2.5rem;
  }

  .aa7de0 {
    font-size: 2.25rem;
  }

  .k9d {
    font-size: 2.25rem;
  }

  .n83f7402 {
    font-size: 2.25rem;
  }

  .ff3d2 {
    font-size: 2.25rem;
  }
}

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

  .ob747989 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .b29a83 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .k52f {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .kb58 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }

  .l4537 {
    padding: clamp(3rem, 8vw, 5rem) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .i447 {
    transition: none;
  }
}

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

html, body {
  width: 100%;
}

.h878412 {
  width: 100%;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Source Sans 3', sans-serif;
  overflow-x: hidden;
}

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

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

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

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

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

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

.a9baa {
  width: 100%;
  max-width: 320px;
  aspect-ratio: 1;
}

.leb5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  display: block;
}

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

.p9f {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-top: 0.5rem;
}

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

@media (min-width: 768px) {
  .a9baa {
    max-width: 380px;
  }
}

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

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

.g467 {
  text-align: center;
}

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

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

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

.p56 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  text-align: center;
  transition: all 0.3s ease;
}

.p56:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
}

.jd4b02 {
  font-size: clamp(2rem, 5vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: inline-block;
}

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

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

@media (min-width: 1024px) {
  .p56 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: 100%;
  }
}

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

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

.edee7 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.n14 {
  text-align: center;
}

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

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

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

.caa00 {
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.25rem);
  border-radius: 24px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

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

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

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

.o64 {
  text-align: center;
}

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

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

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

.kf106 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.kf106:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15);
}

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

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

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

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

.m3e99a {
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-accent);
  transition: all 0.3s ease;
  display: inline-block;
}

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

@media (min-width: 1024px) {
  .kf106 {
    flex: 1 1 calc(25% - 1.5rem);
    max-width: 100%;
  }
}

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

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

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

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

.d3a {
  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: 8px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
  border: 1px solid var(--color-accent);
}

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

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

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

.gacde {
  text-align: center;
}

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

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

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

@media (min-width: 768px) {
  .dc8b6883 {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

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

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

  .h8d {
    padding: 6rem 0;
  }

  .mf29ff8d {
    padding: 6rem 0;
  }

  .k457e0c {
    padding: 6rem 0;
  }

  .c0431c70 {
    padding: 6rem 0;
  }

  .h11c {
    padding: 6rem 0;
  }

  .d55320 {
    padding: 6rem 0;
  }
}

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

.ic8fba {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

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

.m2b805 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .ic8fba {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ic8fba {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.c55d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.j593b {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .c55d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .c55d {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .j593b {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }
}

.k822caae {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.g548f42 {
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

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

.b36a5 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--color-primary-light);
  color: var(--color-primary-dark);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
}

.e36 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

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

  .g548f42 {
    aspect-ratio: 16 / 10;
  }

  .i6a4 {
    padding: var(--spacing-xl);
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .c51 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .i6a4 {
    padding: var(--spacing-xl) var(--spacing-xl);
  }
}

.hd5b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.g15d0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.25rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

.p4c {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: none;
  cursor: pointer;
}

.p4c:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-1px);
}

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

@media (min-width: 768px) {
  .hd5b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hd5b {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

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

.e222a8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  min-height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.fb17f {
  max-width: 800px;
}

.k2edae {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.m7e9 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.g372 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.c698 {
  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);
  box-shadow: var(--shadow-sm);
}

.c698:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary);
}

.e2a9 {
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

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

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

.o6f1f li {
  font-size: clamp(0.9rem, 1.2vw, 0.95rem);
  color: var(--color-text-muted);
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-md);
  position: relative;
}

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

.nc9 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.e9751215 {
  max-width: 700px;
  margin: 0 auto;
}

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

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

.fcfbb {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.fcfbb:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
}

.fcfbb:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .e222a8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 320px;
  }

  .m7e9 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .g372 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

@media (min-width: 1024px) {
  .e222a8 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
    min-height: 360px;
  }

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

  .g372 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }

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

  .c698:nth-child(3),
  .c698:nth-child(4) {
    grid-column: auto;
  }

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

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

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

.oeda .g734ff74 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.oeda .f2d76 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.oeda h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  line-height: 1.3;
}

.oeda .k93 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.oeda h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
  line-height: 1.4;
}

.oeda 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);
}

.oeda ul,
.oeda ol {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

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

.b34a60 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border: 1px solid var(--color-border-light);
}

.b34a60 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.b34a60 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.b34a60 strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 80px;
}

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

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

@media (min-width: 1024px) {
  .oeda .g734ff74 {
    padding: 0 var(--spacing-xl);
  }

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

.p1043 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hdbb2e {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.g734ff74 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.f2d76 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.mcf7bb {
  text-align: center;
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pb3 {
  width: 5rem;
  height: 5rem;
  margin: 0 auto var(--spacing-lg);
  color: var(--color-success);
  animation: scaleIn 0.5s ease-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.pb3 svg {
  width: 100%;
  height: 100%;
  stroke-width: 1.5;
}

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

.m04f6f {
  font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

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

.ec9c6 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.7;
}

.d939579f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  font-family: var(--font-primary);
  transition: var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  margin-top: var(--spacing-lg);
}

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

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

@media (min-width: 640px) {
  .hdbb2e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .pb3 {
    width: 6rem;
    height: 6rem;
    margin: 0 auto var(--spacing-xl);
  }

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

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

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

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

@media (min-width: 768px) {
  .hdbb2e {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .pb3 {
    width: 6.5rem;
    height: 6.5rem;
  }
}

@media (min-width: 1024px) {
  .hdbb2e {
    padding: 6rem var(--spacing-2xl);
  }

  .pb3 {
    width: 7rem;
    height: 7rem;
    margin: 0 auto var(--spacing-2xl);
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  .mcf7bb {
    animation: none;
  }

  .pb3 {
    animation: none;
  }

  .d939579f:hover {
    transform: none;
  }

  .d939579f:active {
    transform: none;
  }
}

.ff5b66ca {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ka1 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

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

.p2d4a70d {
  position: relative;
  margin-bottom: var(--spacing-3xl);
  display: flex;
  align-items: center;
  justify-content: center;
}

.p32 {
  position: absolute;
  width: clamp(120px, 30vw, 200px);
  height: clamp(120px, 30vw, 200px);
  opacity: 0.15;
  color: var(--color-primary);
}

.g3067dd {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 0 20px var(--color-primary-light));
}

.le3f {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 12vw, 8rem);
  font-weight: 800;
  color: var(--color-primary);
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0;
  position: relative;
  z-index: 1;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

.b51c0d27 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: var(--spacing-xl) 0 var(--spacing-md);
  letter-spacing: -0.02em;
}

.h0e2292 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-lg) 0;
  letter-spacing: 0.3px;
}

.p2ed7 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-2xl) 0;
  font-weight: 400;
  letter-spacing: 0.3px;
}

.a8ec4e {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mccf530 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-color: var(--color-primary);
}

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

.mccf530:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

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

.m2b916b9 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--spacing-lg);
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

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

.p3f5e617 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-sm);
  display: block;
  letter-spacing: 2px;
}

.naf3 p {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.2px;
}

@media (min-width: 768px) {
  .ka1 {
    padding: var(--spacing-xl);
  }

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

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

  @keyframes float {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-30px);
    }
  }

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

@media (min-width: 1024px) {
  .ka1 {
    padding: var(--spacing-2xl);
  }

  .m2b916b9 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

  .mccf530:hover {
    transform: translateY(-4px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .le3f {
    animation: none;
  }

  .mccf530:hover {
    transform: none;
  }
}

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

.ne8a5b4 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.p7f413 {
  text-align: center;
}

.ocfbb {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.k60 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .ne8a5b4 {
    padding: var(--spacing-3xl) 0;
  }
}

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

.k0c8e {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.ladbd {
  width: 100%;
}

.c31 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  align-items: stretch;
}

.a56bb {
  flex: 1 1 100%;
  min-width: 280px;
}

.i34 {
  flex: 1 1 100%;
  min-width: 280px;
}

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

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

@media (min-width: 1024px) {
  .a56bb {
    flex: 1 1 48%;
  }

  .i34 {
    flex: 1 1 48%;
  }
}

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

.jbf73d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.h4a {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.a3a6ef {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.nc0cc642 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.g9de80f,
.a0f4 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.g9de80f::placeholder,
.a0f4::placeholder {
  color: var(--color-text-muted);
}

.g9de80f:focus,
.a0f4:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-tertiary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.a0f4 {
  resize: vertical;
  min-height: 140px;
  font-family: var(--font-primary);
}

.p05 {
  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-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.m0a8 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
}

.jc13e31 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

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

.a85f2a {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.g6c {
  display: flex;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-lg);
  align-items: flex-start;
}

.j97fb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.25rem;
}

.b68f4ea1 {
  flex: 1;
}

.l6748 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

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

.b326ca {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-fast);
}

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

.mc5d51dd {
  height: 1px;
  background-color: var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

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

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

.nc559f3 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.h00 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.jb1d67 {
  margin: 0;
}

.j5b {
  display: inline-block;
  color: var(--color-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: color var(--transition-base);
  position: relative;
  padding-bottom: 2px;
}

.j5b::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-primary);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform var(--transition-base);
}

.j5b:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

@media (min-width: 768px) {
  .k0c8e {
    padding: var(--spacing-3xl) 0;
  }
}

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

.nba2635 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.c376 {
  text-align: center;
}

.g7f1f7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3.5vw, 2.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.hcb2314 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.o2020f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

@media (min-width: 768px) {
  .nba2635 {
    padding: var(--spacing-3xl) 0;
  }
}

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

@media (max-width: 767px) {
  .e3854032,
  .ic726c {
    padding: var(--spacing-lg);
  }

  .c31 {
    gap: var(--spacing-xl);
  }
}
.bacc6964,.k72f517{
  width: 34px;
}

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

.ia1{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .ia1{
    max-width: 100%;
  }
}

.ia1.p47d9{
  z-index: 999;
}

.adc1279{
  padding-top: 50px;
}

.bacc6964[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .c172d {
    aspect-ratio: 6 / 9;
  }
}