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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #ecfdf5;
  --color-bg-tertiary: #d1fae5;
  --color-bg-card: #ffffff;

  --color-text-primary: #064e3b;
  --color-text-secondary: #374151;
  --color-text-muted: #656c79;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-secondary: #34d399;
  --color-secondary-light: #a7f3d0;

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

  --color-border: #d1d5db;
  --color-border-light: #e5e7eb;

  --font-primary: 'Nunito', sans-serif;
  --font-heading: 'Bitter', 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: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-full: 9999px;

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

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

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

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

html {
  scroll-behavior: smooth;
  -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: 1rem;
  line-height: 1.6;
  font-weight: 400;
}

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

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

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

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

a:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

button:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

.f00390 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: 1rem;
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

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

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

.j227 {
  background: #fef3c7;
  color: #92400e;
}

.pd08b {
  background: #fee2e2;
  color: #991b1b;
}

.k8e59ceb {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  transition: border-color var(--transition-fast);
}

.k8e59ceb:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .l0cc3 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }

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

.k5c1de02 {
  display: flex;
}

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

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

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

.hdd {
  gap: var(--spacing-xs);
}

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

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

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

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

.ja5c {
  text-align: center;
}

.ia7b {
  text-align: right;
}

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

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

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

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

.hfd8 {
  font-weight: 700;
}

.h8eaa {
  font-weight: 600;
}

.mb558 {
  font-weight: 500;
}

.d0243 {
  opacity: 0.75;
}

.o7b098c {
  opacity: 0.5;
}

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

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

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

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

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

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

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

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

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

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

.f8a {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.fe8 {
  padding: 0;
}

.f927 {
  padding: var(--spacing-xs);
}

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

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

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

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

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

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

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

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

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

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

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

.jc534d li {
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-card);
}

th {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-weight: 600;
  padding: var(--spacing-md);
  text-align: left;
  border-bottom: 2px solid var(--color-border);
}

td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
  color: var(--color-text-secondary);
}

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-primary);
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

pre {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  overflow-x: auto;
  margin-bottom: var(--spacing-lg);
}

pre code {
  background: none;
  color: inherit;
  padding: 0;
}

blockquote {
  border-left: 4px solid var(--color-primary);
  padding-left: var(--spacing-lg);
  margin-left: 0;
  margin-bottom: var(--spacing-lg);
  color: var(--color-text-secondary);
  font-style: italic;
}

hr {
  border: none;
  border-top: 1px solid var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.1rem;
  }

  body {
    font-size: 0.95rem;
  }

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

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

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

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

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

.ffac7ee:hover {
  opacity: 0.85;
}

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

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

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

.kc2a227 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  color: var(--color-text-primary);
  text-decoration: none;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-sm);
  transition: all var(--transition-base);
  white-space: nowrap;
}

.kc2a227:hover {
  color: var(--color-accent);
  background: rgba(0, 0, 0, 0.02);
}

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

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

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

.p13f1a28:hover {
  opacity: 0.7;
}

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

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

.aa3da0.l45 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.jbc2:hover {
  opacity: 0.7;
}

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

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

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

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

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

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

  .aa3da0 {
    display: none;
  }

  .jebd5702 {
    display: flex;
  }

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

@media (max-width: 767px) {
  .o0669d5d {
    font-size: clamp(1rem, 2vw, 1.2rem);
  }
}

@media (max-height: 600px) {
  .aa3da0 {
    height: 100%;
  }

  .k597b1e {
    overflow-y: auto;
  }
}

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

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

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

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

.p34d86e9 {
  font-size: clamp(2.25rem, 8vw + 1rem, 4rem);
  font-weight: 900;
  line-height: 1.1;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.ba0312 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.k66a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.f00390 {
  display: inline-block;
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2rem);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  text-align: center;
  border: 2px solid transparent;
  cursor: pointer;
}

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

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

.mcb35d {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border-color: var(--color-accent);
}

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

@media (min-width: 768px) {
  .k66a {
    flex-direction: row;
    gap: 1.5rem;
  }
}

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

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

.me3b5431 {
  text-align: center;
}

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

.n657d9 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

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

.jc1c0 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 900;
  color: var(--color-accent);
  line-height: 1;
  flex-shrink: 0;
  min-width: 80px;
}

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

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

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

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

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

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

.j57b4 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.bdeb {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 800;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .c6a {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

.id4e4 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
  flex: 1 1 280px;
  max-width: 350px;
}

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

.fefe {
  font-size: 2rem;
  color: var(--color-accent);
}

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

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

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

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

.k7da4 {
  text-align: center;
}

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

.ld32f96 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

@media (min-width: 768px) {
  .e527b {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: stretch;
  }
}

.nd51391 {
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

.da22f9 {
  flex: 2 1 100%;
}

@media (min-width: 768px) {
  .da22f9 {
    flex: 1.5 1 55%;
    display: flex;
    flex-direction: row;
  }

  .da22f9 .g34eb231 {
    flex: 1 1 50%;
    max-height: none;
  }

  .da22f9 .m9a54 {
    flex: 1 1 50%;
  }
}

.h8ea0e {
  flex: 1 1 280px;
}

@media (min-width: 768px) {
  .me112 {
    display: flex;
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
    flex: 1 1 45%;
  }
}

.g34eb231 {
  width: 100%;
  height: auto;
  max-height: 250px;
  overflow: hidden;
  flex-shrink: 0;
}

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

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

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

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

.j0cc88 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  align-self: flex-start;
}

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

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

.g8d {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  transition: all 0.3s ease;
}

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

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

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

.ofd {
  text-align: center;
}

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

.f214be {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

.la06c5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1 1 250px;
  max-width: 300px;
  transition: all 0.3s ease;
}

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

.c8541fa {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

.m89b {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 900;
  color: var(--color-text-primary);
  line-height: 1;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.b3bfb6 {
  width: 100%;
  height: auto;
  max-height: 350px;
  flex: 1 1 40%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.o2f0e55 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex: 1 1 60%;
}

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

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

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

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

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

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

.bab1ef8 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 800;
  color: var(--color-text-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h00 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-top: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d4ba70 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-secondary);
  display: block;
}

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

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

.c14 {
  text-align: center;
}

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

.m51c {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

.h15003 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 240px;
  max-width: 280px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.jcc4 {
  font-size: 2.25rem;
  color: var(--color-accent);
}

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

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

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

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

.jcbd18ae {
  text-align: center;
}

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

.nfaf912a {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
}

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

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

.k8f {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.a98d0:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.gee9d40 {
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  transition: all 0.3s ease;
}

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

.gee9d40 i {
  flex-shrink: 0;
  transition: transform 0.3s ease;
  color: var(--color-accent);
}

.gee9d40.l45 i {
  transform: rotate(180deg);
}

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

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

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

.h53ec8af {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 800;
  color: var(--color-text-primary);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.e936cb {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));
  color: var(--color-text-on-accent);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1 1 200px;
  max-width: 250px;
  transition: all 0.3s ease;
  text-align: center;
  justify-content: center;
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.1rem);
}

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

.b31441 {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pde7b12 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: var(--color-text-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  animation: slideUp 0.3s ease;
}

@keyframes slideUp {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

.pde7b12.nbb9af12 {
  display: none;
}

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

.a5b30b0 {
  display: flex;
  gap: 1rem;
  flex: 0 1 auto;
}

.ide7f,
.c6ca6 {
  padding: 0.5rem clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

.ide7f:hover {
  background: var(--color-accent-hover);
  transform: scale(1.05);
}

.c6ca6 {
  background: transparent;
  color: var(--color-bg-primary);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.c6ca6:hover {
  border-color: var(--color-bg-primary);
}

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

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

  .a5b30b0 {
    width: 100%;
    justify-content: center;
  }
}

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

  .bd454 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .g01da {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .naa7 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .eb7492 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .o0a9 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .ade73df {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .aa0ee4 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .gb14 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }

  .ob42 {
    padding: clamp(4rem, 10vw, 6rem) 0;
  }
}

@media (min-width: 1024px) {
  .b003cf {
    padding: clamp(6rem, 15vw, 8rem) 0;
  }
}

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

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

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

.i2e75,
.o8ae,
.kf3fb,
.d5baa8 {
  display: block;
}

.i2e75 h3,
.o8ae h3,
.kf3fb h3,
.d5baa8 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-weight: 600;
}

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

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

.m2433a li,
.f660e2 li {
  display: block;
}

.m2433a a,
.f660e2 a {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.m2433a a:hover,
.f660e2 a:hover {
  color: var(--color-accent);
}

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

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

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

.p7d827 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  line-height: 1.5;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .o60555 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 4vw, 3rem);
    justify-content: space-between;
  }

  .i2e75 {
    flex: 1 1 100%;
    max-width: 520px;
  }

  .o8ae,
  .kf3fb,
  .d5baa8 {
    flex: 1 1 auto;
    min-width: 200px;
  }

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

@media (min-width: 1024px) {
  .o60555 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: clamp(2.5rem, 5vw, 3.5rem);
    grid-auto-rows: max-content;
  }

  .i2e75 {
    grid-column: 1;
  }

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

.c6b {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

.a31 {
  color: var(--color-accent);
  font-weight: 500;
  transition: color var(--transition-base);
}

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

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

.o68 {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.c6636724 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.25rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.2;
}

.i58 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  max-width: 600px;
  line-height: 1.7;
}

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

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

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

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

.fac78705 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 3vw, 1.75rem);
  cursor: pointer;
  transition: all var(--transition-base);
}

.fac78705:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-md);
}

.fac78705[open] {
  background: var(--color-bg-secondary);
  border-color: var(--color-accent);
}

.p0d {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  user-select: none;
}

.p0d::before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.75rem;
  background: var(--color-accent);
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 12 15 18 9"></polyline></svg>');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: transform var(--transition-base);
}

.fac78705[open] .p0d::before {
  transform: rotate(180deg);
}

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

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

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

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

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

.a86008f4 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  max-width: 600px;
  margin: 0 auto;
}

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

.i85c78 {
  flex: 0 1 calc(25% - 1.5rem);
  min-width: 250px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.25rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.25rem, 3vw, 1.5rem);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

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

.h9a {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  font-weight: 700;
  line-height: 1.4;
  min-height: auto;
}

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

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

.m3b8bd2c,
.o34,
.fce3e4 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.m3b8bd2c i,
.o34 i,
.fce3e4 i {
  color: var(--color-accent);
}

.eef {
  color: var(--color-accent);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1.5vw, 0.95rem);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all var(--transition-base);
  text-decoration: none;
}

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

@media (max-width: 1023px) {
  .i85c78 {
    flex: 0 1 calc(50% - 1rem);
    max-width: none;
  }
}

@media (max-width: 767px) {
  .i85c78 {
    flex: 0 1 100%;
    max-width: none;
  }

  .k717931e {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .n0bc {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .i0d561 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

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

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

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

  .p0d {
    padding-right: 1rem;
  }

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

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

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

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

a {
  transition: color var(--transition-base);
}

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

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

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

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

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

.a53 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

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

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

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

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

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

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

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

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

  .k422,
  .o767b {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.cfd1fe {
  flex-shrink: 0;
}

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

.b52f {
  flex: 1;
}

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

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

.j918b a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

.b07bbf {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.5rem;
}

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

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

  .cfd1fe {
    flex-shrink: 0;
  }
}

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

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

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

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

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

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

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

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

  .ff4b,
  .a93 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.p8a36 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-top: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

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

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

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

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

  .da1be77,
  .k1ff29 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.f72 .h4d38a {
  flex-direction: row-reverse;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cf3285:hover .f2aa0 {
  transform: scale(1.05);
}

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

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

.p2f a {
  color: var(--color-text-primary);
  text-decoration: none;
}

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

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

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

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

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

html, body {
  font-family: 'Nunito', sans-serif;
  line-height: 1.6;
  color: var(--color-text-secondary);
}

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Bitter', serif;
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

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

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

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

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

.hf07ad6 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

.h83c51b7 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: clamp(0.5rem, 2vw, 1rem);
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

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

  .he168,
  .nf5f56d {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nf5f56d {
    min-height: 250px;
  }

  .de4d05bc {
    gap: 0.75rem;
  }
}

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

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

.c46 {
  flex-shrink: 0;
}

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

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

.icc {
  font-size: 0.8125rem;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lfed {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.b35 {
  list-style: none;
}

.b35 li {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-text-secondary);
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

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

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

  .oda65,
  .d216 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .jc9b6b05,
  .jb98b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jb98b {
    min-height: 250px;
  }
}

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

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

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

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

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

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

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

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

  .m25a9e1,
  .ff1e65 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .m25a9e1 {
    min-height: 250px;
  }
}

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

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

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

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

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

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

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

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

  .gea989,
  .p8a00b2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .p8a00b2 {
    min-height: 250px;
  }
}

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

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

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

.f79773 {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.8;
}

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

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

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

.c4792ba1 {
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: 'Bitter', serif;
}

.m88 {
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

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

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

.k791f p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  text-align: center;
}

.f4805bdc {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  text-align: center;
  border: 2px solid var(--color-accent);
  margin-top: clamp(1rem, 2vw, 2rem);
}

.b5e {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

.obac732d {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: white;
  text-decoration: none;
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  font-weight: 600;
  font-size: clamp(0.9rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

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

.o7d6 {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.67rem));
  min-width: 250px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.o6febe {
  display: inline-block;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: white;
  text-decoration: none;
  border-radius: clamp(0.4rem, 1vw, 0.6rem);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  font-weight: 600;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.m517 {
  color: var(--color-border);
}

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

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

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

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

.n937479 a:hover {
  text-decoration: underline;
}

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

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

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

.oc7 {
  width: 120px;
  height: 120px;
  min-width: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

.ia597f {
  flex: 1;
}

.f6d3d1 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  line-height: 1.4;
}

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

.f6d3d1 a:hover {
  text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ia480 {
  font-size: 2.5rem;
  color: var(--color-accent);
  height: 60px;
  display: flex;
  align-items: center;
}

.ac65 {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

.pac20081 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-accent);
  font-weight: 700;
  min-width: 50px;
  text-align: center;
  line-height: 1;
}

.p7d5bde {
  flex: 1;
}

.ncaf8738 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

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

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

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

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

.m2385f62 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: 1rem;
  font-style: italic;
}

.e96ee8 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  text-align: right;
}

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

.p960337 {
  flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2.5rem) / 2);
  min-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

.a00 {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.4;
}

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

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

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

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

.o9a082 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-secondary);
  box-shadow: var(--shadow-md);
  max-width: 700px;
  margin: 0 auto;
}

.i8b4d8 {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  line-height: 1.4;
}

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

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

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

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

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

.m0e4f {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  margin-top: clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
}

.aef29 {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: 1.4;
}

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

.k625a50 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.75rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}

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

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

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

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

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

.hb7 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 2vw, 2.5rem));
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

.lffb {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.4;
}

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

.o398f082 {
  display: inline-flex;
  align-items: center;
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

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

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

  .oa6,
  .jefbf0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jefbf0 img {
    max-height: 300px;
  }

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

  .oc7 {
    margin: 0 auto;
  }

  .ab5e {
    flex-direction: column;
  }

  .p05df,
  .f3152456 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k336e {
    flex-direction: column;
  }

  .f78c0429,
  .n13bb {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .n50c0 {
    flex-direction: column;
  }

  .jdfeef,
  .k41b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .edf73b {
    flex-direction: column;
  }

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

  .f9563 {
    flex-direction: column;
  }

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

  .e7d595 {
    flex-direction: column;
  }

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

@media (min-width: 768px) and (max-width: 1023px) {
  .e9580 {
    flex: 1 1 calc(50% - clamp(1.5rem, 2vw, 2rem));
    min-width: 200px;
  }

  .hb7 {
    flex: 1 1 calc(50% - clamp(1.5rem, 2vw, 2.5rem));
    min-width: 220px;
  }

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

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

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

::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c65f7 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
}

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

.ne6 {
  color: var(--color-border-light);
}

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

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

  .i082462,
  .b61d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.g210 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

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

.b8736c {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

  .j9c0 {
    gap: 0.75rem;
  }
}

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

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

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

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

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

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

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

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

  .i7b5e,
  .o39 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.ne796 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  line-height: 1.3;
}

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

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

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

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

.a59f {
  font-size: 2.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h6f {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin: 0;
}

.m40 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  display: block;
  font-weight: 700;
}

.la1b91 {
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.9rem);
  color: var(--color-accent);
  display: block;
}

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

  .obb,
  .fc817f2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.i0e85a8a {
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 3px solid var(--color-accent);
  background: rgba(5, 150, 105, 0.05);
  border-radius: var(--radius-md);
}

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

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

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

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

  .p3c4,
  .ie834288 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.h4f5cd {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-accent);
  transition: all var(--transition-base);
  position: relative;
}

.h4f5cd:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  background: var(--color-bg-tertiary);
}

.n6d10 {
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

  .f5e8,
  .i25 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

.la224d {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.7;
  margin: 0;
}

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

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

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

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

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

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

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

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

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

.efffc {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
  text-decoration: none;
  transition: all var(--transition-base);
}

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

.i29747 {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow: hidden;
}

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .ocd3 {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .o666b,
  .ne796,
  .f46d4ee3,
  .od2,
  .k867b,
  .f63df,
  .cedd,
  .g8e2 {
    font-size: clamp(1.35rem, 4vw, 1.75rem);
  }

  .c48f88 {
    gap: 1rem;
    padding: 1rem;
  }

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

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

html, body {
  font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  line-height: 1.6;
}

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

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

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

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

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

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

.n81b3 {
  text-align: center;
}

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

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

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

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

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

.kb3 {
  text-align: center;
}

.j7998 {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

.bb05aa + .bb05aa {
  margin-top: 1.5rem;
}

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

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

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

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

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

.n00 {
  font-size: 1.75rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

.gc693 {
  text-align: center;
}

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

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

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

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

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

.ad46f8 {
  flex: 1;
  padding-top: 0.5rem;
}

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

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

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

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

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

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

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

.lac50af5 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 8px;
}

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

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

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

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

.m79bd4 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(2rem, 3vw, 3rem);
  border-radius: 8px;
  max-width: 700px;
  margin: 0 auto;
  width: 100%;
}

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

.f6e7ec {
  display: block;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

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

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

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

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

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

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

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

  .a6debe3f {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }

  .ad46f8 {
    padding-top: 0;
  }

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

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

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

@media (min-width: 769px) and (max-width: 1023px) {
  .mfa73e {
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

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

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

@media (min-width: 1024px) {
  .cee204 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: clamp(2.5rem, 4vw, 4rem);
  }

  .bbb {
    flex: 1;
  }

  .i737 {
    flex: 1;
  }

  .if611b1 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .h5934 {
    padding: clamp(2rem, 2.5vw, 2.5rem);
  }
}

* {
  box-sizing: border-box;
}

.j1188bf6 {
  width: 100%;
}

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

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

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

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

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

.mab {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

.c4af {
  flex: 1 1 50%;
  min-height: 300px;
  max-height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ne2c {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

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

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

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

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

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

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

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

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

.n50d {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-accent);
  font-size: clamp(1.25rem, 2vw, 1.75rem);
}

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

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

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

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

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

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

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

.n799db {
  width: 100%;
  max-height: 450px;
  overflow: hidden;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

.h7e {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.h7e:hover .cdf6c119 {
  background: var(--color-bg-secondary);
  transform: translateY(-4px);
}

.cdf6c119 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  min-height: 220px;
  transition: all 0.3s ease;
}

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

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

.nd1cc {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .g2bd {
    flex: 1 1 50%;
  }

  .c4af {
    flex: 1 1 50%;
  }

  .i8e {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

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

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

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

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

  .h4042 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .a2f85c {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .aebd {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .iaa7a0 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .d76451 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .i5ac8 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .e61da6 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .i8e {
    flex: 1 1 calc(33.333% - 1.5rem);
  }

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

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

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

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

  .g2bd {
    flex: 1 1 100%;
    order: 2;
  }

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

  .i8e {
    flex: 1 1 100%;
  }

  .ne2c {
    flex: 1 1 100%;
  }

  .h267 {
    flex: 1 1 100%;
  }

  .h7e {
    flex: 1 1 100%;
  }

  .k3db29 {
    flex-direction: column;
  }

  .oca,
  .ha699 {
    width: 100%;
  }
}

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

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

.b28b27 {
  max-width: 1024px;
  margin: 0 auto;
  text-align: center;
}

.k056f02a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.c5f16 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.5;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.g13c37 {
  max-width: 1200px;
  margin: 0 auto;
}

.l30 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin: 0;
  padding: 0;
  list-style: none;
}

.i2e990 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.p0beb {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

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

.l05 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.dba {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  padding: var(--spacing-xs) 0;
  border-bottom: 2px solid transparent;
  transition: border-color var(--transition-base), color var(--transition-base);
  width: fit-content;
}

.dba:hover {
  color: var(--color-primary-hover);
  border-bottom-color: var(--color-primary-hover);
}

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

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

.pce1 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.02em;
}

.hbdc4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.d9f3e {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.d9f3e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
}

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

  .f568f2 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .ob8f75f {
    height: 240px;
  }

  .m05fc6 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

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

  .i2e990 {
    flex-direction: column;
  }

  .ob8f75f {
    height: 260px;
  }

  .i2e990:hover {
    transform: translateY(-4px);
  }

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

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

  .ob8f75f {
    height: 280px;
  }
}

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

.b3e {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  gap: var(--spacing-xl);
  align-items: center;
}

.kf7 {
  max-width: 600px;
}

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

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

.jde45c3 {
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.jde45c3 img {
  display: block;
  width: 100%;
  height: auto;
  background-color: var(--color-bg-secondary);
}

@media (min-width: 768px) {
  .b3e {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
  }

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

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

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

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

.pb9d1 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.pb9d1:hover {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary);
}

.m59a {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: var(--color-primary);
}

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

.m5105c65 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex-grow: 1;
}

.ncc1d {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  font-size: 0.95rem;
  color: var(--color-primary);
  text-decoration: none;
  gap: 0.5rem;
  transition: color var(--transition-fast);
  width: fit-content;
}

.ncc1d::after {
  content: '';
  transition: transform var(--transition-fast);
}

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

.ncc1d:hover::after {
  transform: translateX(0.25rem);
}

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

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

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

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

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

.kc2a {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: grid;
  gap: var(--spacing-xl);
  align-items: center;
}

.m058 {
  max-width: 600px;
}

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

.e9654c4 {
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.jc0d5e {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
}

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

.m4df {
  width: 100%;
  max-width: 500px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.m4df img {
  display: block;
  width: 100%;
  height: auto;
  background-color: var(--color-bg-secondary);
}

@media (min-width: 768px) {
  .kc2a {
    padding: var(--spacing-3xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
  }

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

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

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

.fa534 .m8e1b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.fa534 .o35bb {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.fa534 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.fa534 .o112651a {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.fa534 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.fa534 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.fa534 ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.fa534 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.fa534 .h734a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.fa534 .h734a h2 {
  margin-top: 0;
}

.fa534 .h734a p {
  margin-bottom: var(--spacing-sm);
}

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

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

@media (min-width: 1024px) {
  .fa534 .m8e1b {
    padding: 0 var(--spacing-lg);
  }

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

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

html, body {
  width: 100%;
  height: 100%;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pfebbcc {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

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

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

.o35bb {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.cc0dc1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
}

.c21be2fa {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin-bottom: var(--spacing-md);
}

.ab68a7 {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.1));
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.j007 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
  animation: slideUp 0.7s ease-out 0.2s both;
}

@keyframes slideUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.i4e77b {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: -0.25px;
  animation: slideUp 0.7s ease-out 0.35s both;
}

.fae7 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
  animation: slideUp 0.7s ease-out 0.5s both;
}

.fae7:last-of-type {
  margin-bottom: var(--spacing-lg);
}

.a0a5e0d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  letter-spacing: 0.25px;
  animation: slideUp 0.7s ease-out 0.65s both;
  white-space: nowrap;
}

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

.a0a5e0d:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.a0a5e0d:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .pfebbcc {
    padding: var(--spacing-lg);
  }

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

  .c21be2fa {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-lg);
  }
}

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

  .cc0dc1 {
    padding: var(--spacing-3xl);
    gap: var(--spacing-2xl);
  }

  .c21be2fa {
    width: 140px;
    height: 140px;
    margin-bottom: var(--spacing-xl);
  }

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

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

@media (prefers-reduced-motion: reduce) {
  .ab68a7,
  .j007,
  .i4e77b,
  .fae7,
  .a0a5e0d {
    animation: none;
  }

  .a0a5e0d:hover {
    transform: none;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

.a3add1 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f5251408 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.o35bb {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.i3f {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.m6810 {
  position: relative;
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.obc {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  font-family: var(--font-heading);
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 1;
  position: relative;
  z-index: 2;
  letter-spacing: -2px;
}

.meee0bc {
  position: absolute;
  width: clamp(200px, 60vw, 400px);
  height: clamp(200px, 60vw, 400px);
  border-radius: var(--radius-full);
  background-color: var(--color-primary-light);
  opacity: 0.08;
  z-index: 1;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.o45e5bdb {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.g930 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
  line-height: 1.8;
  font-weight: 500;
}

.c48d {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-muted);
  margin-bottom: var(--spacing-lg);
  line-height: 1.7;
}

.cd453f {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-2xl);
  gap: var(--spacing-md);
}

.f00390 {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  text-align: center;
  min-width: 180px;
}

.n376e {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.n376e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.m145f005 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin-top: var(--spacing-xl);
}

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

.a9a33c9 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.a9a33c9 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

@media (min-width: 640px) {
  .f5251408 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

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

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

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

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

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

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

  .a9a33c9 li {
    padding-left: var(--spacing-lg);
  }
}

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

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

@media (prefers-reduced-motion: reduce) {
  .meee0bc {
    animation: none;
  }

  .n376e:hover {
    transform: none;
  }

  .n376e:active {
    transform: none;
  }
}

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

.g11f5da {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.ided {
  text-align: center;
}

.hfe38 {
  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;
  letter-spacing: -0.5px;
}

.h0d {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .g11f5da {
    padding: var(--spacing-2xl) 0;
  }
}

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

.j6fb {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.l16f55 {
  width: 100%;
}

.faf5e {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
}

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

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

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

  .i5341 {
    flex: 1 1 45%;
  }
}

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

.b5c7f00 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.5px;
}

.h74 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.b0fa27b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

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

.a98f {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.gd0,
.l48 {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-primary);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.gd0::placeholder,
.l48::placeholder {
  color: var(--color-text-muted);
}

.gd0:focus,
.l48:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.l48 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.g8b28 {
  margin: var(--spacing-sm) 0;
}

.b0347f1d {
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 1vw + 0.3rem, 0.9rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.g12 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.g10b {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
  margin-top: var(--spacing-md);
}

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

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

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

.m40d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.5px;
}

.nc6 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.mca13 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-2xl);
}

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

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

.i19 i {
  font-size: 1.25rem;
  color: var(--color-primary);
}

.e00805 {
  flex: 1;
}

.k3fbdf {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.i1b3cf {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.h97f7 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  margin-bottom: var(--spacing-lg);
  border: 1px solid var(--color-border-light);
}

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

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

.j7c16c73 {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-md);
  align-items: center;
}

.pc24c192 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.oc0e {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
}

.m7899bd {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  text-align: center;
  border: 1px solid var(--color-border-light);
}

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

.pf9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-md) 0;
}

.n790778 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.3rem, 0.95rem);
  font-weight: 600;
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}

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

@media (min-width: 768px) {
  .j6fb {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

  .a291e306,
  .i5341 {
    flex: 1 1 100%;
  }
}
.p13f1a28,.jbc2{
  width: 34px;
}

.jebd5702{
  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;
}

.aa3da0{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .aa3da0{
    max-width: 100%;
  }
}

.aa3da0.l45{
  z-index: 999;
}

.p13f1a28[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .f576e {
    aspect-ratio: 6 / 9;
  }
}