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

:root {
  --color-bg-primary: #041c2c;
  --color-bg-secondary: #0a2a3f;
  --color-bg-tertiary: #103952;
  --color-bg-card: #0a2a3f;

  --color-text-primary: #f0f9ff;
  --color-text-secondary: #7dd3fc;
  --color-text-muted: #38bdf8;

  --color-primary: #0ea5e9;
  --color-primary-hover: #0284c7;
  --color-primary-light: #22d3ee;
  --color-secondary: #38bdf8;
  --color-secondary-light: #67e8f9;

  --color-success: #10b981;
  --color-success-light: #6ee7b7;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #1e3a4c;
  --color-border-light: #0f2940;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', 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.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6);

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

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  box-sizing: border-box;
}

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

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

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

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

p {
  margin: 0;
  font-size: 1rem;
  color: var(--color-text-primary);
}

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

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

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

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  border-radius: var(--radius-md);
  font-weight: 600;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

input,
textarea,
select {
  font-family: var(--font-primary);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: 1rem;
  transition: all var(--transition-fast);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1);
}

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

.lf6a2f {
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
}

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

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

.l1ce:active {
  background: var(--color-primary-hover);
  transform: translateY(0);
}

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

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

.e842:active {
  background: var(--color-secondary);
  transform: translateY(0);
}

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

.gadd4fe:hover {
  background: rgba(14, 165, 233, 0.1);
  border-color: var(--color-primary-light);
}

.gadd4fe:active {
  background: rgba(14, 165, 233, 0.2);
}

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

.p1f65c:hover {
  background: var(--color-bg-secondary);
  border-color: var(--color-primary);
}

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

.g58ecd00 {
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: 1.125rem;
}

.j2da28 {
  width: 100%;
}

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

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

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

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

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

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

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

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

.b6e1 {
  display: flex;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fb8c {
  color: var(--color-warning-light);
}

.mcf393 {
  color: var(--color-danger-light);
}

.b38e {
  text-align: center;
}

.kbb2d2 {
  text-align: left;
}

.f49a4a {
  text-align: right;
}

.d31ef {
  font-size: 0.875rem;
}

.o65 {
  font-size: 1.125rem;
}

.o556 {
  font-weight: 700;
}

.h47e870 {
  font-weight: 600;
}

.a48 {
  font-weight: 500;
}

.cfec49b {
  font-weight: 400;
}

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

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

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

.i6ed34e {
  background: rgba(14, 165, 233, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

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

.aabe2473 {
  margin: 0;
}

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

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

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

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

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

.id12ed14 {
  margin: var(--spacing-2xl);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.aa768 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ae69063 {
  padding-left: var(--spacing-xs);
  padding-right: var(--spacing-xs);
}

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

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

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

.ia0687 {
  padding-left: var(--spacing-xl);
  padding-right: var(--spacing-xl);
}

.ifb2c59 {
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
}

.e4271c9 {
  padding-top: var(--spacing-xs);
  padding-bottom: var(--spacing-xs);
}

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

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

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

.p3dac551 {
  padding-top: var(--spacing-xl);
  padding-bottom: var(--spacing-xl);
}

.b6a33 {
  padding-top: var(--spacing-2xl);
  padding-bottom: var(--spacing-2xl);
}

.jf69 {
  padding-top: var(--spacing-3xl);
  padding-bottom: var(--spacing-3xl);
}

.f4b32 {
  width: 100%;
}

.n1f0 {
  width: auto;
}

.ecf82d {
  height: 100%;
}

.n49092 {
  height: auto;
}

.pbe8 {
  max-width: 100%;
}

.jd6 {
  max-width: 28rem;
}

.l8d25ef {
  max-width: 32rem;
}

.l1690 {
  max-width: 36rem;
}

.kc896 {
  max-width: 42rem;
}

.k73f1 {
  max-width: 48rem;
}

.ecf8cda3 {
  max-width: 56rem;
}

.acdf32 {
  max-width: 64rem;
}

.e16 {
  display: block;
}

.j5da3 {
  display: inline;
}

.p57 {
  display: inline-block;
}

.ce4 {
  display: none;
}

.a623 {
  opacity: 0;
}

.j6b8 {
  opacity: 0.5;
}

.j44b {
  opacity: 0.75;
}

.i82025 {
  opacity: 1;
}

.ic30fb4 {
  cursor: pointer;
}

.edae6 {
  cursor: default;
}

.l1022042 {
  pointer-events: none;
}

.e6367ed4 {
  pointer-events: auto;
}

.je18 {
  overflow: hidden;
}

.f369b1 {
  overflow: auto;
}

.j8d {
  overflow-x: auto;
}

.na9fe51 {
  overflow-y: auto;
}

.pfcbf344 {
  scroll-behavior: smooth;
}

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

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

  .lf6a2f {
    padding: var(--spacing-xs) var(--spacing-md);
    font-size: 0.875rem;
  }
}
.bbf5cb6 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.j074b58e:hover {
  opacity: 0.85;
}

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

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

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

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

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

.j05420ca {
  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;
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-md);
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--transition-base), transform var(--transition-base);
  white-space: nowrap;
  display: inline-block;
}

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

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

.n080:hover {
  opacity: 0.7;
}

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

.k944b {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 99;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.k944b.paafd98 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

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

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

.gc7ee735 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.125rem);
  font-weight: 600;
  padding: 1rem clamp(1rem, 4vw, 2rem);
  border: none;
  text-decoration: none;
  cursor: pointer;
  transition: background var(--transition-base);
  display: block;
  text-align: center;
  margin-top: auto;
  border-top: 1px solid var(--color-border-light);
}

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

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

  .pc1 {
    display: flex;
  }

  .k944b {
    display: none;
  }

  .n54 {
    gap: 2rem;
  }
}

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

  .j03 {
    font-size: 1rem;
  }

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

    

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

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

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

.lf6a2f {
  display: inline-block;
  padding: 0.875rem 1.75rem;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  cursor: pointer;
  border: none;
}

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

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

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

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

.k9f90dcc {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
}

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

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

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

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

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

.m46 {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 500px;
  overflow: hidden;
  border-radius: 12px;
}

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

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

  .fb7a {
    flex: 1 1 100%;
  }

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

  .ea158 {
    flex-direction: column;
  }

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

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

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

.g0340 {
  text-align: center;
}

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

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

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

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

.l96a:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.15);
}

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

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

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

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

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

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

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

.eb0d2 {
  text-align: center;
}

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

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

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

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

.f642337 {
  border-color: rgba(239, 68, 68, 0.3);
}

.j4b4ee {
  border-color: rgba(34, 197, 94, 0.3);
}

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

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

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

.o7089ce {
  font-size: 2rem;
  margin-top: 0.5rem;
}

.f642337 .o7089ce {
  color: rgba(239, 68, 68, 0.6);
}

.j4b4ee .o7089ce {
  color: rgba(34, 197, 94, 0.6);
}

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

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

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

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

.l41f70e3 {
  text-align: center;
}

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

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

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

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

.cb4c84:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(14, 165, 233, 0.15);
  border-color: var(--color-accent);
}

.nf5e {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

.c02aaa {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.cb4c84:hover .c02aaa {
  transform: scale(1.05);
}

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

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

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

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

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

.p00 {
  text-align: center;
  padding-top: 1rem;
}

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

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

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

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

.fcc {
  text-align: center;
}

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

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

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

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

.c317c3:hover {
  border-color: var(--color-accent);
  box-shadow: 0 8px 24px rgba(14, 165, 233, 0.15);
}

.o8d94b0c {
  font-size: 3rem;
  color: var(--color-accent);
  margin: 0 auto;
}

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

.n09 {
  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) {
  .c317c3 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

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

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

.o8dc1 {
  text-align: center;
}

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

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

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

.m0e75 {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

.gd95686 {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin: 0 auto;
}

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

.b8d6ef9 {
  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) {
  .m0e75 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

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

.bea6cd0 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  align-items: center;
}

.pbafbe {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  max-width: 600px;
}

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

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

.eef {
  margin-top: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border);
}

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

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

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

.f3a53 {
  text-align: center;
}

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

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

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

.j3f1 {
  flex: 0 1 auto;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1.25rem, 3vw, 2rem);
  border-radius: 50px;
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  text-align: center;
  transition: all 0.3s ease;
  min-width: 140px;
}

.j3f1:hover {
  border-color: var(--color-accent);
  box-shadow: 0 6px 16px rgba(14, 165, 233, 0.1);
}

.ma7fe9 {
  font-size: 1.75rem;
  color: var(--color-accent);
}

.l58821a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}

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

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

.l8e28 {
  flex: 1 1 55%;
}

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

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

.lcf6 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  overflow: hidden;
}

.n72e {
  display: block;
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  text-align: left;
  transition: all 0.3s ease;
}

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

.lcf6[open] .n72e {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
}

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

.pafe3cd {
  flex: 1 1 45%;
  min-height: 300px;
  max-height: 450px;
  overflow: hidden;
  border-radius: 10px;
}

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

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

  .l8e28 {
    flex: 1 1 100%;
  }

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

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

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

.h846 {
  text-align: center;
}

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

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

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

.edfb06a {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  min-width: 130px;
  text-align: center;
}

.jcf4df80 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: var(--color-bg-card);
  border: 2px solid var(--color-accent);
  border-radius: 50%;
  font-size: 1.75rem;
  color: var(--color-accent);
}

.he63 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-primary);
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}

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

.f002.e928ef8 {
  display: none;
}

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

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

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

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

.i295,
.f74cfc61 {
  padding: 0.625rem 1.25rem;
  border-radius: 6px;
  border: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

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

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

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

.f74cfc61:hover {
  border-color: var(--color-text-secondary);
  background: rgba(120, 211, 252, 0.05);
}

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

  .gd081 {
    order: 1;
  }

  .d1cf86 {
    order: 2;
    width: 100%;
    justify-content: center;
  }

  .i295,
  .f74cfc61 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

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

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

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

.d1f {
  display: block;
}

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

.d1f p {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
  max-width: 380px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.baf,
.a60e,
.f02e {
  display: block;
}

.baf h4,
.a60e h4,
.f02e h4 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 clamp(0.75rem, 2vw, 1rem) 0;
  font-weight: 600;
  letter-spacing: -0.3px;
}

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

.ddea li,
.k9d li {
  display: block;
}

.ddea a,
.k9d a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ddea a:hover,
.k9d a:hover {
  color: var(--color-accent);
}

.a60e {
  display: block;
}

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

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

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

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

.gce {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: 1.5;
  margin: 0;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .d1f {
    flex: 1 1 280px;
    min-width: 280px;
  }

  .baf {
    flex: 1 1 160px;
    min-width: 160px;
  }

  .a60e {
    flex: 1 1 240px;
    min-width: 240px;
  }

  .f02e {
    flex: 1 1 180px;
    min-width: 180px;
  }

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

@media (max-width: 767px) {
  .ddea,
  .k9d {
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1rem, 3vw, 1.5rem);
  }

  .ddea li,
  .k9d li {
    flex: 0 1 auto;
  }
}
    

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

html, body {
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Baskerville', serif;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.e14f80 {
  text-align: center;
}

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

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

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

.mf5717a6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 120px;
}

.of133 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-weight: 700;
  font-family: 'Libre Baskerville', serif;
}

.gdd {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-align: center;
}

@media (max-width: 767px) {
  .of31 {
    gap: 1rem;
  }

  .mf5717a6 {
    min-width: 100px;
  }
}

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

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

.l08 {
  text-align: center;
}

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

.n67d3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  line-height: 1.6;
  max-width: 650px;
  margin: 0 auto;
}

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

.c3a43a {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2.5vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid rgba(14, 165, 233, 0.15);
  transition: all 0.3s ease;
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 220px;
}

.c3a43a:hover {
  transform: translateY(-4px);
  border-color: rgba(14, 165, 233, 0.3);
  box-shadow: 0 8px 16px rgba(14, 165, 233, 0.1);
}

.a5f {
  width: 100%;
  overflow: hidden;
  border-radius: 6px;
}

.i029 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}

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

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

.i45 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  border-top: 1px solid rgba(14, 165, 233, 0.1);
  padding-top: 0.75rem;
}

.e37,
.gef281,
.oc1b2a {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.e37 i,
.gef281 i,
.oc1b2a i {
  color: var(--color-accent);
  font-size: clamp(0.7rem, 0.9vw, 0.85rem);
}

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

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

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

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

  .i45 {
    gap: 0.5rem;
  }

  .ed82688b {
    font-size: clamp(1rem, 2vw, 1.15rem);
  }
}

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

@media (min-width: 1440px) {
  .c3a43a {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

.hca {
  flex: 1 1 50%;
  max-width: 50%;
  text-align: center;
}

.n27 {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-secondary);
  padding: clamp(0.4rem, 1vw, 0.6rem) clamp(0.8rem, 2vw, 1.2rem);
  border-radius: 9999px;
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

.l5e {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding-top: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border);
}

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

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

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

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

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

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

.bd8 {
  flex: 0 0 auto;
  width: clamp(200px, 20%, 280px);
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

.of8 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  text-align: center;
  border: 1px solid var(--color-border);
}

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

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

.hbe679 {
  color: var(--color-secondary);
  text-decoration: none;
  transition: color 0.3s ease;
}

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

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

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

.ab0d945 {
  flex: 1 1 auto;
}

.je55cb3a {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-radius: 12px;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

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

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

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

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

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

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

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

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

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

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

.i5f6cad {
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 8px;
  border-left: 4px solid var(--color-accent);
  position: relative;
  padding-left: clamp(2rem, 4vw, 3rem);
}

.i06e {
  position: absolute;
  left: clamp(0.75rem, 1.5vw, 1rem);
  top: clamp(1rem, 2vw, 1.25rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  width: clamp(2rem, 3vw, 2.5rem);
  height: clamp(2rem, 3vw, 2.5rem);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
}

.cd4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  margin-bottom: 0.5rem;
  margin-top: 0.25rem;
}

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

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

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

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

.l721 {
  flex: 1 1 auto;
}

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

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

.kbc2a76a {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 12px;
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

.hbac1f50 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  line-height: 1.3;
}

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

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

.la3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

.jf35b10 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2.5rem));
  min-width: 280px;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

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

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

.ce84 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.jf35b10:hover .ce84 {
  transform: scale(1.05);
}

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

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

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

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

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

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

  .hca,
  .d196b {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c947837 {
    flex-direction: column;
  }

  .bd8 {
    width: 100%;
    position: static;
  }

  .b1f5208 {
    flex-direction: column;
  }

  .iabc17,
  .a4f06d4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .jf35b10 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 250px;
  }
}

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

  .jf35b10 {
    flex: 1 1 100%;
  }

  .l4168b {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .j197881 {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: flex-start;
  }

  .mf7f1 {
    position: sticky;
    top: 2rem;
  }

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

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

  .eabb {
    font-size: clamp(0.9375rem, 1vw, 1.0625rem);
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
  }

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

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

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

  .b04c {
    font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
    color: var(--color-text-muted);
    line-height: 1.5;
    margin: 0;
  }

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

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

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

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

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

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

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

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

  .d66ca7 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
  }

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

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

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

  .g77aa {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    color: var(--color-accent);
    flex-shrink: 0;
    width: clamp(3rem, 6vw, 4.5rem);
    height: clamp(3rem, 6vw, 4.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
  }

  .ode161e9 {
    flex: 1;
  }

  .p2a5 {
    font-size: clamp(1.0625rem, 2vw, 1.375rem);
    color: var(--color-text-primary);
    font-weight: 600;
    margin-bottom: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .h905 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

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

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

  .d29 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(1.5rem, 3vw, 2rem);
  }

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

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

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

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

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

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

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

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

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

  .c763 {
    color: var(--color-accent);
    font-weight: 700;
    flex-shrink: 0;
  }

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

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

  .h0343 {
    background: var(--color-bg-tertiary);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
  }

  .k29d6405 {
    max-width: 700px;
  }

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

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

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

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

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

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

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

  .h5bffb7 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(1.5rem, 3vw, 2.5rem);
  }

  .bf5 {
    background: var(--color-bg-secondary);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform var(--transition-base), box-shadow var(--transition-base);
  }

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

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

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

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

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

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

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

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

  @media (max-width: 1023px) {
    .j197881 {
      grid-template-columns: 1fr;
    }

    .mf7f1 {
      position: static;
    }

    .kc438797 {
      flex-direction: column;
    }

    .g2bf3270,
    .b549d10 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .g83 {
      flex-direction: column;
    }

    .pd7f8bd,
    .nb028 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .i9ef70 {
      flex-direction: column;
    }

    .m4902,
    .b5965a45 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

    .p18 {
      gap: 1rem;
    }

    .g949b {
      gap: 1rem;
    }

    .g77aa {
      width: 2.5rem;
      height: 2.5rem;
      font-size: 1.5rem;
    }

    .l33c {
      padding: 1rem;
    }

    .mb4e3ff {
      gap: 1rem;
      padding: 1.25rem;
    }

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

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

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

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

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  line-height: 1.7;
}

ul, ol {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n2f0c a {
  color: var(--color-accent-light);
  transition: color 0.3s ease;
}

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

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

.n68 {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent-light);
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.75rem, 0.9vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

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

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

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

.g0fe849 {
  max-width: 900px;
  margin: 0 auto;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

.mb1d4 {
  flex: 0 0 auto;
  width: clamp(200px, 25vw, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.e88 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  margin: 0;
}

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

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

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

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

.hb5a {
  flex: 1 1 auto;
}

.i2b24 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

.dd514 {
  color: var(--color-text-secondary);
  margin-bottom: 1.5rem;
}

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

.k3dcc0 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.5rem;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

.a63 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

.dd8c316 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

.k86440 {
  margin-bottom: 1rem;
  color: var(--color-text-secondary);
}

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

.a6c1f {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 5rem) 0;
  overflow: hidden;
  border-radius: var(--radius-lg);
  text-align: center;
}

.j26fa6f {
  max-width: 700px;
  margin: 0 auto;
}

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

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

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

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

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

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

.b53c895 {
  color: var(--color-text-secondary);
  text-align: center;
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  margin: 0;
}

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

.ce1fc {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

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

  .mb1d4 {
    width: 100%;
    position: static;
  }

  .kb8192d {
    flex-direction: column;
  }

  .k77f581,
  .a7c6e {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .h40e182 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }

  .n2f0c {
    font-size: clamp(0.75rem, 1vw, 0.875rem);
    margin-bottom: 1.5rem;
  }

  .o7070 {
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .p82ea {
    font-size: 0.8125rem;
  }

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

  .m3f {
    gap: 1.5rem;
  }

  .mb1d4 {
    width: 100%;
    position: static;
  }

  .hb5a {
    width: 100%;
  }

  .i2b24 {
    padding: clamp(1.5rem, 4vw, 2.5rem) 0;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

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

  .k77f581,
  .a7c6e {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .mae6 {
    gap: 1rem;
  }

  .k3dcc0 {
    padding: 1rem;
  }

  .f5ccdf {
    gap: 1rem;
  }

  .dd8c316 {
    padding: clamp(1.5rem, 3vw, 2rem) 0;
    margin-bottom: clamp(1.5rem, 3vw, 2rem);
  }

  .c4cf1aa {
    padding: clamp(1rem, 2vw, 1.5rem);
    gap: 0.75rem;
  }

  .d66cb1 {
    font-size: 0.8125rem;
  }

  .a6c1f {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .ae24c {
    margin-left: 1rem;
  }
}

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

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

  .hf3cd {
    width: 80px;
    height: 80px;
  }

  .e47ddd6d {
    padding: 0 clamp(0.75rem, 3vw, 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

.d0a a {
  color: var(--color-text-secondary);
  transition: var(--transition-base);
}

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

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

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

.i3b19 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: center;
  justify-content: space-between;
}

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

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

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

.c4a1 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  font-weight: 400;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ld2dbe7 {
  background: var(--color-bg-tertiary);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  max-width: 600px;
  box-shadow: var(--shadow-md);
}

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

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

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

.g786 {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: flex-start;
}

.g50be {
  position: sticky;
  top: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.kd3d37b {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  box-shadow: var(--shadow-md);
}

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

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

.h74 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

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

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

.f395cb,
.g67fc,
.g2a7865,
.n69606 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

.n15 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.n15 i {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 2vw, 2rem);
}

.j9a30cf0 {
  flex: 1 1 auto;
}

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

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

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

.g5f4 {
  background: var(--color-accent);
  color: #041c2c;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1.25rem;
  flex-shrink: 0;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.lcbdb {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  box-shadow: var(--shadow-lg);
}

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

.g923 {
  background: var(--color-accent);
  color: #041c2c;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-weight: 700;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: var(--transition-base);
  display: inline-block;
  text-align: center;
}

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

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

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

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

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

.i17c2 {
  flex: 1 1 100%;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.i17c2:hover .j76f {
  transform: scale(1.05);
}

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

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

.c730 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

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

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

@media (max-width: 768px) {
  .g786 {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .g50be {
    position: relative;
    top: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .kd3d37b {
    max-width: 250px;
    flex: 0 1 auto;
  }

  .a55b6 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .i17c2 {
    flex: 1 1 calc(50% - 1rem);
    max-width: none;
  }
}

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

  .i17c2 {
    flex: 1 1 calc(33.333% - 1.67rem);
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .g786 {
    grid-template-columns: 180px 1fr;
    gap: clamp(2.5rem, 4vw, 4rem);
  }

  .g50be {
    position: sticky;
    top: 2rem;
    flex-direction: column;
    justify-content: flex-start;
  }

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

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

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

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

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

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

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

.pda {
  text-align: center;
}

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

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

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

.cca {
  background: var(--color-bg-card);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

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

.edec9386 {
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.a98321b {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}

.c443fd {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
}

.a69 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 900px;
  margin: 0 auto;
}

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

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

.bac3f {
  text-align: center;
}

.bc7f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.j644ad {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.d7f7b7e {
  flex: 1 1 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

.e0ff24 {
  text-align: center;
}

.a131b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.c0f5b {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

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

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

.f3b849e3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  color: var(--color-text-primary);
}

.ab7a66 {
  font-size: clamp(0.9375rem, 1.2vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

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

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

.l48db84 {
  text-align: center;
}

.j155f026 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.j410 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 750px;
  margin: 0 auto;
  line-height: 1.8;
}

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

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

.j569 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
}

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

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

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

.ebf {
  text-align: center;
  margin-bottom: 0.5rem;
}

.c579 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.b6f {
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
}

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

  .pda {
    flex: 1 1 45%;
    text-align: left;
  }

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

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

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

  .j2143 {
    flex: 1 1 45%;
  }

  .na08c0a {
    flex: 1 1 45%;
  }
}

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

  .cca {
    padding: 6rem 0;
  }

  .k40abcc {
    padding: 6rem 0;
  }

  .i55f {
    padding: 6rem 0;
  }

  .ic5081 {
    padding: 6rem 0;
  }

  .c41a26 {
    padding: 4rem 0;
  }
}

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

html, body {
  width: 100%;
  height: 100%;
}

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

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.3;
  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;
}

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

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

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

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

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

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

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

.h9d {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

.ffdb71b5 {
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  color: var(--color-text-secondary);
  font-family: var(--font-heading);
  font-weight: 400;
}

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

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

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

.n4c {
  text-align: center;
}

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

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

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

.gc4a04ca {
  flex: 1 1 clamp(250px, 22vw, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: all var(--transition-base);
}

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

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

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

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

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

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

.bcdd {
  text-align: center;
}

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

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

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

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

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

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

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

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

.e0981e7d {
  text-align: center;
}

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

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

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

.n390cd53 {
  display: inline-block;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent-light);
  color: var(--color-accent);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 500;
  border: 1px solid var(--color-accent);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

.nb1 {
  text-align: center;
}

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

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

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

.k8966 {
  flex: 1 1 clamp(280px, 24vw, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.n4b011e2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
}

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

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

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

.g82c8f {
  display: inline-flex;
  align-items: center;
  color: var(--color-accent);
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  text-decoration: none;
  transition: color var(--transition-base);
  width: fit-content;
}

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

.p6a99a38 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  text-align: center;
  margin-top: clamp(1rem, 2vw, 2rem);
}

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

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

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

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

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

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

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

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

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

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

.i8c {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
}

.k3d4e {
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
}

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

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

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

  .e4ed {
    flex: 0 1 45%;
    max-width: 100%;
  }

  .f73 {
    flex: 1 1 45%;
    text-align: left;
  }

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

  .gc4a04ca {
    flex: 1 1 calc(25% - 1.5rem);
  }

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

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

  .n390cd53 {
    margin: clamp(0.375rem, 0.75vw, 0.625rem);
  }
}

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

  .k8966 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

  .gc4a04ca {
    flex: 1 1 100%;
  }

  .deba {
    flex-direction: column;
  }

  .k8966 {
    flex: 1 1 100%;
  }

  .g471 {
    flex-direction: row;
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }
}

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

.o02 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.a4e3e2a {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

.n25509d {
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

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

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

.g36ac {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

.m1dc44 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  letter-spacing: 0.5px;
}

.a7ce3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

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

.e001eef {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.jc0 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.c37e2f {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.6;
}

.c325e52 {
  display: inline-block;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-base);
  border: 2px solid var(--color-accent);
  cursor: pointer;
  text-align: center;
}

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

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

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

  .n25509d {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .ea3464 {
    height: 240px;
  }

  .e001eef {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

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

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

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

  .mf1d0 {
    flex-direction: row;
  }

  .ea3464 {
    width: 40%;
    height: auto;
    min-height: 280px;
  }

  .g36ac {
    width: 60%;
    padding: var(--spacing-2xl);
  }

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

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

@media (min-width: 1280px) {
  .c2cdca {
    max-width: 1400px;
  }

  .ea3464 {
    min-height: 320px;
  }
}

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

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

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

.o5a h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.o5a p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  margin: 0;
  font-weight: 400;
}

.ea05 {
  padding: var(--spacing-3xl) var(--spacing-md);
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

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

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

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

.f9d0 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-lg);
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

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

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

.bd75c2 {
  flex: 1;
  margin-right: var(--spacing-md);
}

.ede46 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 1.5rem;
  font-weight: bold;
  flex-shrink: 0;
  transition: transform var(--transition-base), background-color var(--transition-base);
}

.f9d0[aria-expanded="true"] .ede46 {
  transform: rotate(45deg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
}

.dfa8 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-fast) ease-out;
}

.dfa8 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw + 0.4rem, 1.05rem);
  line-height: 1.6;
  margin: 0;
  font-weight: 400;
}

.dfa8 p + p {
  margin-top: var(--spacing-md);
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.e8179 {
  max-width: 700px;
  margin: 0 auto;
}

.l12 h2 {
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.l12 p {
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 400;
  opacity: 0.95;
}

.o6e {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.05rem);
  font-weight: 600;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  box-shadow: var(--shadow-md);
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

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

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

  .ea05 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

  .l12 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o5a {
    padding: 5rem var(--spacing-xl);
  }

  .ea05 {
    padding: 5rem var(--spacing-xl);
  }

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

  .l12 {
    padding: 5rem var(--spacing-xl);
  }
}

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

.h8bf391 main {
  width: 100%;
}

.h8bf391 .e47ddd6d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.h8bf391 .e60d1b {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

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

.h8bf391 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.h8bf391 .c4b9d2f {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
}

.h8bf391 .f0f {
  margin-bottom: var(--spacing-2xl);
}

.h8bf391 .g7fb758 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.h8bf391 .g7fb758 h2 {
  color: var(--color-primary);
  margin-top: 0;
}

.h8bf391 .g7fb758 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.h8bf391 ul {
  list-style: none;
  padding-left: 0;
  margin: var(--spacing-md) 0;
}

.h8bf391 li {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

.h8bf391 li::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-primary);
}

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

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

.f3241 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) 0;
}

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

.e47ddd6d {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.j1fa2d {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pb5d8 {
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  animation: scaleIn 0.6s ease-out;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.pb5d8 svg {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
}

.j1fa2d h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.e507d4d {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-lg) 0;
  font-weight: 600;
  line-height: 1.5;
}

.cae09d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.8;
  font-weight: 400;
}

.bc743 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: 1.8;
  font-weight: 400;
}

.lf6a2f {
  display: inline-block;
  text-decoration: none;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-weight: 600;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  text-align: center;
}

.l1ce {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
}

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

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

.g58ecd00 {
  padding: var(--spacing-lg) var(--spacing-2xl);
  font-size: clamp(1rem, 1.2vw, 1.2rem);
}

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .f3241 {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

@media (max-width: 480px) {
  .f3241 {
    min-height: auto;
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

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

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

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

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

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

  .g58ecd00 {
    width: 100%;
  }
}

.p7d {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
}

.l78 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.g597e4de {
  margin-bottom: var(--spacing-3xl);
  animation: slideInDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.a6793a2 {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.aba3 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-lg);
}

.pa9e01e {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(200px, 50vw, 400px);
  height: 8px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  opacity: 0.6;
  animation: slideInUp 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s backwards;
}

.lb6173 {
  animation: fadeInUp 0.8s ease-out 0.3s backwards;
}

.lb6173 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.n4e985f {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
}

.d18a3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.g4d {
  margin: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
}

.lf6a2f {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
}

.l1ce {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.g9b7 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  animation: slideInUp 0.8s ease-out 0.5s backwards;
}

.jef6b {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: var(--spacing-sm);
  font-weight: 600;
}

.i061d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  font-weight: 500;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(15px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 640px) {
  .l78 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }
  
  .g597e4de {
    margin-bottom: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .l78 {
    padding: var(--spacing-2xl) var(--spacing-xl);
  }
  
  .g9b7 {
    padding: var(--spacing-xl) var(--spacing-2xl);
  }
}

@media (min-width: 1440px) {
  .e47ddd6d {
    padding: 0 var(--spacing-xl);
  }
}

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

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

.m721d {
  text-align: center;
  padding: 0 var(--spacing-md);
}

.d5a773db {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.ec5 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.geb67 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  align-items: flex-start;
}

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

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

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

.n9cbad2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.dec27 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.je9d82b {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

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

.i9b77097 {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.k4a8a3,
.eeef19 {
  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, 1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.k4a8a3::placeholder,
.eeef19::placeholder {
  color: var(--color-text-muted);
}

.k4a8a3:focus,
.eeef19:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.eeef19 {
  min-height: 150px;
  resize: vertical;
}

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

.pe48ce {
  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, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

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

.pe48ce:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

.daa64324 {
  font-size: clamp(0.75rem, 0.9vw, 0.9rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  text-align: center;
}

.dc0860 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
  border-bottom: 1px solid currentColor;
}

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

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

.kb69 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  letter-spacing: -0.01em;
}

.n6cf {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.m2376c5b {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

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

.a70fa {
  width: 48px;
  height: 48px;
  min-width: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

.g8f0 {
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.gec77 {
  font-size: clamp(0.85rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
  line-height: 1.6;
}

.m45c {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.naf {
  font-size: clamp(0.75rem, 0.9vw, 0.85rem);
  color: var(--color-text-muted);
  font-style: italic;
}

.hd4 {
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

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

.pd929b88 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: var(--spacing-md);
}

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

.id31b5c {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  text-decoration: none;
  text-align: center;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

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

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

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

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

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

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

  .geb67 {
    gap: var(--spacing-3xl);
    align-items: stretch;
  }

  .jbaa43 {
    flex: 0 1 calc(50% - var(--spacing-1_5xl));
  }

  .jf9 {
    flex: 0 1 calc(50% - var(--spacing-1_5xl));
  }

  .mb5702 {
    flex-direction: row;
    gap: var(--spacing-md);
  }

  .id31b5c {
    flex: 1;
  }
}

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

  .a8fe27d {
    padding: 4rem 0;
  }

  .jbaa43 {
    flex: 0 1 45%;
  }

  .jf9 {
    flex: 0 1 50%;
  }
}
.n080,.a645{
  width: 34px;
}

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

.k944b{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .k944b{
    max-width: 100%;
  }
}

.k944b.paafd98{
  z-index: 999;
}

.gfa2266{
  padding-top: 50px;
}

.n080[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .nf5e {
    aspect-ratio: 6 / 9;
  }
  .i029 {
    aspect-ratio: 6 / 9;
  }
}