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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #faf5ff;
  --color-bg-tertiary: #f3e8ff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #656c79;
  --color-text-muted: #636c97;

  --color-primary: #7c3aed;
  --color-primary-hover: #6d28d9;
  --color-primary-light: #ede9fe;
  --color-primary-lighter: #f5f3ff;
  
  --color-secondary: #8b5cf6;
  --color-secondary-light: #f3e8ff;
  --color-secondary-lighter: #faf5ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

  --color-border: #e9d5ff;
  --color-border-light: #f3e8ff;

  --font-primary: 'Karla', sans-serif;
  --font-heading: 'Rubik', sans-serif;

  --spacing-xs: 0.375rem;
  --spacing-sm: 0.75rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-2xl: 4rem;
  --spacing-3xl: 6rem;

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.5rem;
  --radius-full: 9999px;

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

  --transition-fast: 150ms ease-in-out;
  --transition-base: 200ms ease-in-out;
  --transition-slow: 300ms ease-in-out;

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

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

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

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

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

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

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

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

h3 {
  font-size: 1.875rem;
  font-weight: 600;
}

h4 {
  font-size: 1.5rem;
  font-weight: 600;
}

h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

h6 {
  font-size: 1rem;
  font-weight: 600;
}

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

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

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

button {
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  transition: all var(--transition-fast);
  border-radius: var(--radius-md);
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.lf4 {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}

.l5551 {
  background: var(--color-primary);
  color: white;
}

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

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

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

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

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

.a6c18c37 {
  background: transparent;
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

ul,
ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
}

hr {
  border: none;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-lg) 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--spacing-lg);
}

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

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

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

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

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

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

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

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

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

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

.la31 {
  color: var(--color-success);
}

.i07 {
  color: var(--color-warning);
}

.a988a9 {
  color: var(--color-danger);
}

.k939a {
  text-align: center;
}

.h1c7 {
  text-align: left;
}

.f3cc6a {
  text-align: right;
}

.ce06b {
  font-weight: 700;
}

.c9f1e {
  font-style: italic;
}

.j2c9a {
  font-size: 0.875rem;
}

.ia260fa {
  font-size: 1.125rem;
}

.b11ed84 {
  margin: 0;
}

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

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

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

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

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

.o020fd {
  margin-top: 0;
}

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

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

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

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

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

.fcb4bf3c {
  margin-bottom: 0;
}

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

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

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

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

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

.f501 {
  padding: 0;
}

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

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

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

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

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

.lab {
  display: flex;
}

.l5ae2bf {
  flex-direction: column;
}

.oc82 {
  flex-direction: row;
}

.b1d77f22 {
  flex-wrap: wrap;
}

.o8494 {
  justify-content: center;
  align-items: center;
}

.l4889 {
  justify-content: space-between;
  align-items: center;
}

.pd81b09 {
  justify-content: flex-start;
  align-items: flex-start;
}

.m13e79 {
  justify-content: flex-end;
  align-items: flex-end;
}

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

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

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

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

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

.p48 {
  display: grid;
}

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

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

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

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

.h4bc4 {
  display: none;
}

.h0cb {
  display: block;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

@media (max-width: 768px) {
  .e791 {
    padding: 0 var(--spacing-sm);
  }

  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  .b68e5f,
  .ldb,
  .n50e4dff {
    grid-template-columns: 1fr;
  }

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

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

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

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1rem;
  }

  .lf4 {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
  }

  .lb6c1 {
    padding: var(--spacing-lg) 0;
  }
}
.j512 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
  box-shadow: var(--shadow-sm);
}

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

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

.ga2a6:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.m0a685.he2a971 span:nth-child(1) {
  transform: rotate(45deg) translateY(12px);
}

.m0a685.he2a971 span:nth-child(2) {
  opacity: 0;
}

.m0a685.he2a971 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

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

.l9bffa.he2a971 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.c5f14d {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(1rem, 3vw, 1.5rem);
  border-bottom: 1px solid var(--color-border-light);
  gap: 1rem;
}

.pf05973 {
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

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

.fc081 {
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
  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);
  display: block;
}

.fc081:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.25rem, 4vw, 2rem);
}

.c33a {
  margin: 1rem clamp(1rem, 3vw, 1.5rem);
  padding: 0.875rem 1.5rem;
  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;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background var(--transition-base);
  text-align: center;
  display: block;
}

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

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

  .m8ed {
    display: flex;
    align-items: center;
  }

  .m0a685 {
    display: none;
  }

  .l9bffa {
    display: none;
  }
}

@media (min-width: 1024px) {
  .nd085 {
    min-height: 80px;
  }

  .g5d0c9 {
    font-size: 1.5rem;
  }

  .dd341d {
    font-size: 1rem;
  }

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

    .ldc {
  width: 100%;
}

.ldc h1, .ldc h2, .ldc h3, .ldc h4, .ldc h5, .ldc h6,
.ldc p, .ldc span, .ldc a, .ldc li {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.j27a {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 8vw + 1rem, 4rem);
  font-weight: 700;
  line-height: 1.1;
  color: var(--color-text-primary);
  letter-spacing: -0.02em;
}

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

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

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

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

.if256c03 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

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

.f2208a4e {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

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

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

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

.ad1a {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
  width: fit-content;
}

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

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

  .f2208a4e {
    flex: 1 1 100%;
    min-height: 250px;
  }

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

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

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

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

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

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

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

.b358a::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-border-light);
  transform: translateX(-50%);
}

.n610d {
  display: flex;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  position: relative;
  align-items: flex-start;
}

.d81 {
  flex-direction: row;
}

.d81 .a47 {
  flex: 1 1 45%;
}

.d81 .i00 {
  flex: 1 1 5%;
  display: flex;
  justify-content: flex-end;
}

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

.n6e8b262 .a47 {
  flex: 1 1 45%;
}

.n6e8b262 .i00 {
  flex: 1 1 5%;
  display: flex;
  justify-content: flex-start;
}

.i00 {
  width: 16px;
  height: 16px;
  background: var(--color-accent);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.a47 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.m666 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  height: fit-content;
}

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

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

@media (max-width: 767px) {
  .b358a::before {
    left: 8px;
  }

  .d81,
  .n6e8b262 {
    flex-direction: column;
  }

  .d81 .a47,
  .n6e8b262 .a47 {
    flex: 1 1 100%;
  }

  .d81 .i00,
  .n6e8b262 .i00 {
    flex: 0 0 auto;
    justify-content: center;
    margin-left: 0;
  }
}

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

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

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

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

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

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

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

.ed324 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: var(--color-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-on-accent);
  font-size: 1.25rem;
  margin-top: 0.25rem;
}

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

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

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

.k434f {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

  .l0d {
    flex: 1 1 100%;
  }

  .k434f {
    flex: 1 1 100%;
    min-height: 250px;
  }
}

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

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

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

.f21 {
  flex: 1 1 auto;
  min-width: 150px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
}

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

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

.fed170 {
  width: 1px;
  height: clamp(40px, 8vw, 60px);
  background: var(--color-border-light);
  flex-shrink: 0;
}

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

  .fed170 {
    width: clamp(40px, 8vw, 60px);
    height: 1px;
  }
}

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

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

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

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

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

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

.a5d92 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 200px;
  max-width: 320px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  transition: all var(--transition-base);
}

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

.e0c63d {
  font-size: clamp(2rem, 4vw, 2.5rem);
  color: var(--color-accent);
  height: fit-content;
}

.a205f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
}

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

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

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

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

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

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

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

.d2b4749 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  border-bottom: 1px solid var(--color-border-light);
}

.d2b4749:last-child {
  border-bottom: none;
}

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

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

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

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

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

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

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

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

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

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

.a1d9b {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent);
  height: fit-content;
}

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

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

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

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

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

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

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

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

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

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

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

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

.jaf {
  width: 100%;
  height: auto;
  overflow: hidden;
}

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

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

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

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

.d5b14d {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  margin-top: auto;
}

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

.m4776 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1vw, 1rem);
  align-items: center;
  text-align: center;
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

.abb4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

.eb2d174e {
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: all var(--transition-base);
  display: inline-block;
}

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

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

.dca {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

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

.od851f {
  font-size: clamp(2.5rem, 6vw, 3.5rem);
  color: var(--color-accent);
}

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

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

.hcd269 {
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.f53ca {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #2d3748;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}

.f53ca.h4bc4 {
  display: none;
}

.c1c {
  color: #e2e8f0;
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-family: var(--font-primary);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.me5,
.l5895ced {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-family: var(--font-primary);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

.l5895ced {
  background: transparent;
  color: #e2e8f0;
  border: 1px solid rgba(226, 232, 240, 0.3);
}

.l5895ced:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(226, 232, 240, 0.6);
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .f53ca {
    padding: clamp(1rem, 2vw, 1.25rem);
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

  .oe5f3 {
    width: 100%;
    order: 3;
  }

  .me5,
  .l5895ced {
    flex: 1 1 calc(50% - 0.375rem);
  }
}

@media (max-width: 600px) {
  .j27a {
    font-size: clamp(2rem, 6vw, 2.75rem);
  }

  .if256c03,
  .o86 {
    width: 100%;
  }

  .e18 {
    flex-direction: column;
  }

  .me5,
  .l5895ced {
    flex: 1 1 100%;
  }
}

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

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

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

.o132b4 {
  display: block;
}

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

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

.l0b {
  display: block;
}

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

.m3f3 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.75rem);
}

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

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

.hbe681a {
  display: block;
}

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

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

.m1f {
  display: block;
}

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

.jbd7c9f {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.75rem);
}

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

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

.b45 p + p {
  margin-top: clamp(0.5rem, 1vw, 0.75rem);
}

.o7f50 {
  font-style: italic;
}

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

  .o132b4 {
    flex: 1 1 280px;
  }

  .l0b {
    flex: 1 1 200px;
  }

  .hbe681a {
    flex: 1 1 280px;
  }

  .m1f {
    flex: 1 1 250px;
  }

  .b45 {
    flex: 1 1 100%;
    border-top: 1px solid var(--color-border-light);
  }

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

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

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

  .o132b4 {
    flex: 1 1 300px;
  }

  .l0b {
    flex: 1 1 180px;
  }

  .hbe681a {
    flex: 1 1 300px;
  }

  .m1f {
    flex: 1 1 220px;
  }
}
    

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

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

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

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

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

.b81 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 3vw + 0.5rem, 1.75rem);
  font-weight: 500;
  color: var(--color-accent);
  line-height: 1.3;
}

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

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

.a46e2 i,
.k54cd9db i {
  color: var(--color-accent);
  font-size: 0.875rem;
}

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

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

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

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

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

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

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

.d6e1 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex: 1 1 clamp(300px, 45vw, 500px);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  min-height: auto;
}

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

.i1c7fa5 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-md);
}

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

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

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

.e1a200a {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 0.75rem;
}

.ja6356,
.o501e,
.k7da56a3 {
  font-size: clamp(0.75rem, 0.9vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
}

.ja6356 i,
.o501e i,
.k7da56a3 i {
  color: var(--color-accent);
  font-size: 0.75rem;
}

.aa26d {
  align-self: flex-start;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  display: inline-block;
}

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

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

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

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

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

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

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

.c2f21f4d {
  display: flex;
  flex-direction: row;
  gap: clamp(1.25rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.b315702 {
  flex-shrink: 0;
  width: clamp(2.5rem, 6vw, 3.5rem);
  height: clamp(2.5rem, 6vw, 3.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
  min-width: clamp(2.5rem, 6vw, 3.5rem);
  min-height: clamp(2.5rem, 6vw, 3.5rem);
}

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

.e3f {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 600;
  color: var(--color-text-primary);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.be3 {
  display: inline-block;
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  transition: all var(--transition-base);
  cursor: default;
  white-space: nowrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (max-width: 767px) {
  .c2f21f4d {
    flex-direction: column;
    gap: clamp(0.75rem, 2vw, 1.25rem);
  }

  .b315702 {
    align-self: flex-start;
  }

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

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

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

@media (min-width: 1024px) {
  .d6e1 {
    flex: 1 1 calc(50% - 1.25rem);
  }

  .c2f21f4d {
    flex-direction: row;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f0c4,
  .ia4473a0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nc196df {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

  .bdc,
  .a13d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.m2026 .f33b1 {
  flex-direction: row-reverse;
}

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

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

.m114 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.je06 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  max-width: 400px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1);
}

.d3fd5 {
  margin-bottom: 1rem;
}

.h3417 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
  border: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

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

.k94 {
  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: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.k94:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(124, 58, 237, 0.15);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a57:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
}

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

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

.cc9c6 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .j34 {
    flex-direction: column;
    align-items: flex-start;
  }

  .f66f5c5 {
    text-align: left;
  }

  .e1d {
    text-align: left;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ga53ff {
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

    .ld95ba {
      flex-direction: column;
    }
  }

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

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

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

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

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

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

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

  .lcc84f42 {
    font-size: clamp(1.1rem, 2vw, 1.3rem);
    color: var(--color-primary);
    font-weight: 700;
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .k76a2bd0,
    .k1e39e {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

  .mde {
    position: sticky;
    top: clamp(1rem, 3vw, 2rem);
    max-width: 300px;
  }

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

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

  .a649 {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .od7a3 {
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    color: var(--color-accent);
    font-weight: 600;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  @media (max-width: 768px) {
    .mde {
      position: static;
      max-width: 100%;
      margin: clamp(1.5rem, 3vw, 2rem) 0;
    }
  }

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

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

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

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

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

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

  .n8911560 {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

  .i9b49f:hover .dbb img {
    transform: scale(1.05);
  }

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

  .n75e3 {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: var(--color-text-primary);
    font-weight: 700;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

  .m292 {
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    color: var(--color-text-primary);
    font-weight: 700;
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .m292 i {
    color: var(--color-warning);
    flex-shrink: 0;
  }

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

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

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

    .la9d9205,
    .le973 {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .i7d {
      flex-direction: column;
    }

    .fe1a9573,
    .hc2282a {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

.ie865cb {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i3cbf8 i {
    color: var(--color-primary);
  }

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

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

    .ac4e9,
    .ea8797 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

    .e78da8,
    .c67f57c {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

  .a8c {
    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: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

    .n2f1,
    .d32470 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

  .k6040ce {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    background: var(--color-primary);
    color: var(--color-text-on-accent);
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.25rem, 2vw, 1.5rem);
    font-weight: 700;
    font-family: var(--font-heading);
  }

  .o91b80 {
    flex: 1;
  }

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

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

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

    .kd45ac,
    .e6db2f36 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

  .bac57d4 {
    flex: 0 0 auto;
  }

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

  .na26f5 {
    flex: 1;
  }

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

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

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

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

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

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

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

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

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

  .f4290dc {
    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: 0.75rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .k570 {
    max-width: 900px;
    margin: 0 auto;
  }

  .l5fad9 {
    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: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.3;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .f4a:last-of-type {
    margin-bottom: clamp(2rem, 4vw, 3rem);
  }

  .ke96 {
    background: var(--color-primary-light);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    text-align: center;
    border: 1px solid var(--color-primary);
  }

  .p40 {
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    color: var(--color-text-primary);
    margin-bottom: 1rem;
  }

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

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

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

  .n67bc {
    max-width: 900px;
    margin: 0 auto;
    background: var(--color-bg-card);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-lg);
    border-left: 4px solid var(--color-warning);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.le7a i {
  color: var(--color-accent);
  width: 18px;
}

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

.i26af img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

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

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

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

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

.j9031c img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

.m34e7 {
  text-align: center;
}

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

.f4f8 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

.ke82 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

.aacf7 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

.ae64eba1 img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

.ndae img {
  width: 100%;
  height: auto;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  display: block;
}

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

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

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

.l080 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

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

.kaf828 {
  width: 100%;
  height: 200px;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

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

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

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

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

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

.c57483 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.c2c {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 5vw, 4rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-border);
}

.abc18 {
  max-width: 900px;
  margin: 0 auto;
}

.da04d {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  line-height: 1.3;
}

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

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

  .nb1dd7c,
  .i26af {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a0e {
    flex-direction: column;
  }

  .j915a7,
  .j9031c {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a30 {
    flex-direction: column;
  }

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

  .a80 {
    flex-direction: column;
  }

  .j33f5fb,
  .aacf7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a89 {
    flex-direction: column;
  }

  .ae64eba1,
  .g57c70 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .oa618e {
    flex-direction: column;
  }

  .d47f7b,
  .ndae {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pb06 {
    flex-direction: column;
  }

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

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

  .c57483 {
    align-self: center;
  }

  .j1a23 {
    align-items: center;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .a30 {
    gap: clamp(1.5rem, 2vw, 2rem);
  }

  .db53c8 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
    min-width: 200px;
  }

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

  .h56 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1vw, 1rem));
    min-width: 200px;
  }
}

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

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

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

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

.fe517 {
  background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

.cfb {
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.2;
}

.ebf {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: rgba(255, 255, 255, 0.95);
  max-width: 600px;
  line-height: 1.6;
}

.n5eaf {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

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

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

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

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

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

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

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

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

.h36 {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

.jfe6 {
  flex: 1 1 clamp(280px, 45%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border-light);
  box-shadow: var(--shadow-md);
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: auto;
}

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

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

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

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

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

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

.ga3af {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.h8e603 {
  flex: 1 1 clamp(240px, 40%, 300px);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

.h8e603:hover {
  background: var(--color-bg-tertiary);
  transform: translateX(8px);
}

.a1d31d5 {
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  font-weight: 800;
  color: var(--color-accent);
  line-height: 1;
  margin-bottom: 0.5rem;
}

.m5d6c {
  font-size: clamp(0.875rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.d461 {
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  margin-top: 0.5rem;
  line-height: 1.6;
}

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

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

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

.de78a {
  flex: 1 1 45%;
  min-width: 300px;
}

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

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

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

.k29 {
  flex: 1 1 45%;
  min-width: 300px;
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}

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

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

.j2229f {
  text-align: center;
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.g90 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

.g90:hover {
  background: var(--color-bg-secondary);
  transform: translateX(6px);
}

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

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

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

.f7565 {
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

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

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

.hd2 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

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

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

.oc78648a {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 800px;
}

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

  .de78a,
  .k29 {
    flex: 1 1 100%;
  }

  .e2a2a4 {
    flex-direction: column;
  }

  .jfe6 {
    flex: 1 1 100%;
  }

  .c0397 {
    flex-direction: column;
  }

  .h8e603 {
    flex: 1 1 100%;
  }

  .ece29e6 {
    align-items: center;
  }

  .cfb {
    text-align: center;
  }

  .ebf {
    text-align: center;
  }
}

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

  .h8e603 {
    flex: 1 1 100%;
  }

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

  .e692db {
    margin-top: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.pdeed8f {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

.b10 {
  flex: 1 1 100%;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c93cd {
  font-size: clamp(2rem, 4vw, 3rem);
  color: var(--color-accent);
  line-height: 1;
}

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

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

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

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

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

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

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

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

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

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

.g8cc68 p {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o6e971 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-style: italic;
  color: var(--color-text-primary);
  line-height: 1.7;
  border-left: 4px solid var(--color-accent);
  padding-left: clamp(1rem, 2vw, 1.5rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.acc {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  margin-top: clamp(0.75rem, 1.5vw, 1rem);
  font-style: normal;
}

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

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

.ib69a11 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-success);
  flex-shrink: 0;
  line-height: 1;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a80df3e {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 500;
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  align-self: flex-start;
  display: inline-block;
}

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

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

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

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

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

.o9b23b5e {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .ca4fd0 {
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

.nc5607f7 {
  display: inline-block;
  background: var(--color-bg-card);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
}

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

@media (min-width: 768px) {
  .kf4,
  .jb494ea,
  .jba2b8,
  .d03,
  .k19d {
    font-size: 0.8125rem;
  }
}

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

  .o75d9,
  .nc5607f7 {
    width: 100%;
  }
}

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

.p2c11 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.p2c11 h1 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.p2c11 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  margin: 0;
  line-height: 1.5;
}

.d4dfd4 {
  padding: 3rem 1rem;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.d9827c {
  max-width: 1200px;
  margin: 0 auto;
}

.d9f551 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

.j99eb {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
  box-shadow: var(--shadow-sm);
}

.j99eb:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

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

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

.lb3ca5 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.dd99ff64 {
  display: inline-block;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.35rem var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.j99eb h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.3;
}

.j99eb p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.cbde {
  color: var(--color-primary);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color var(--transition-fast);
  width: fit-content;
}

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

.cbde::after {
  content: '';
  margin-left: 0.35rem;
  transition: transform var(--transition-fast);
}

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

.laa85 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.laa85 h2 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.2rem);
  font-weight: 700;
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.laa85 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.lba {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  padding: 0.85rem var(--spacing-lg);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.lba:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 640px) {
  .p2c11 {
    padding: 4rem 2rem;
  }

  .d4dfd4 {
    padding: 4rem 2rem;
  }

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

  .laa85 {
    padding: 4rem 2rem;
  }
}

@media (min-width: 1024px) {
  .p2c11 {
    padding: 5rem 2rem;
  }

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

  .d4dfd4 {
    padding: 5rem 2rem;
  }

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

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

  .b86f8ff {
    height: 240px;
  }

  .laa85 {
    padding: 5rem 2rem;
  }

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

@media (min-width: 1280px) {
  .d9827c {
    max-width: 1200px;
  }

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

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

.cdfe29d {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.mfadd {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pa6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.2;
}

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

.kf328 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.o72ba167 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k1580 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.cc04a722 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
}

.cc04a722:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.o75e081 {
  width: 100%;
  background-color: var(--color-bg-card);
  border: none;
  padding: var(--spacing-md);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
}

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

.n3064 {
  flex: 1;
  line-height: 1.4;
}

.nede5a1 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

.cc04a722.he2a971 .nede5a1 {
  transform: rotate(45deg);
}

.dbde {
  display: none;
  background-color: var(--color-bg-primary);
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.cc04a722.he2a971 .dbde {
  display: block;
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

.e9a7 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) 0;
  overflow: hidden;
}

.f4931d8 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.g92 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

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

.p3d1 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .cdfe29d {
    padding: var(--spacing-2xl) 0;
  }

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

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

  .o75e081 {
    font-size: 1.125rem;
  }

  .dbde p {
    font-size: 1rem;
  }

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

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

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

.pe6d59 .e791 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pe6d59 .o236 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.pe6d59 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.3;
}

.pe6d59 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.pe6d59 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.pe6d59 .macd {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--color-border-light);
}

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

.pe6d59 ul,
.pe6d59 ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
}

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

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

.pe6d59 .gd2e {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.pe6d59 .gd2e h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.pe6d59 .gd2e p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.pe6d59 .gd2e p strong {
  color: var(--color-primary);
}

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

  .pe6d59 .o236 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .pe6d59 .e791 {
    padding: 0 var(--spacing-xl);
  }

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

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

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.k37 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: var(--spacing-md);
}

.af281b07 {
  width: 100%;
  padding: var(--spacing-lg) 0;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.o236 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ff5d3db {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg) 0;
}

.dfa22ff7 {
  width: clamp(60px, 15vw, 120px);
  height: clamp(60px, 15vw, 120px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.dfa22ff7 svg {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: scaleInCheck 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleInCheck {
  from {
    opacity: 0;
    transform: scale(0.3) rotateZ(-45deg);
  }
  to {
    opacity: 1;
    transform: scale(1) rotateZ(0deg);
  }
}

.dccaa {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.1s both;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.b5e1e6 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-md);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.ce20d6c {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  animation: fadeInUp 0.8s ease-out 0.3s both;
}

.a84b7 {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  margin-bottom: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

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

.lf4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  white-space: nowrap;
  animation: fadeInUp 0.8s ease-out 0.5s both;
}

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

.l5551:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.l5551:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 768px) {
  .ff5d3db {
    padding: var(--spacing-2xl) 0;
    gap: var(--spacing-2xl);
  }

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

@media (min-width: 1024px) {
  .ff5d3db {
    padding: var(--spacing-3xl) 0;
    gap: var(--spacing-2xl);
  }

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

  .lf4 {
    font-size: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dfa22ff7 svg,
  .dccaa,
  .b5e1e6,
  .ce20d6c,
  .a84b7,
  .lf4 {
    animation: none;
  }

  .l5551:hover {
    transform: none;
  }

  .l5551:active {
    transform: none;
  }
}

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

.n16534 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.d69e {
  width: 100%;
  padding: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.e791 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
  display: flex;
  justify-content: center;
}

.o236 {
  width: 100%;
  max-width: 800px;
  text-align: center;
  padding: var(--spacing-lg) 0;
}

.i077b {
  margin-bottom: var(--spacing-3xl);
  position: relative;
}

.o6e1 {
  position: relative;
  display: inline-block;
  margin-bottom: var(--spacing-xl);
}

.if1 {
  display: block;
  font-size: clamp(4rem, 12vw, 8rem);
  font-family: var(--font-heading);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.02em;
  line-height: 1;
  position: relative;
  z-index: 2;
}

.h8cbb4a {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  opacity: 0.15;
  z-index: 1;
  pointer-events: none;
  animation: float 6s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translate(-50%, -50%);
  }
  50% {
    transform: translate(-50%, calc(-50% - 20px));
  }
}

.f25e6 {
  position: relative;
  z-index: 3;
}

.i1a9d6 {
  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.01em;
}

.fabb9821 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-primary);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.6;
}

.n02 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-lg);
}

.c328 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  padding: var(--spacing-md) var(--spacing-lg);
  margin: var(--spacing-lg) 0;
  text-align: left;
}

.l5d5224 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.n5c7af {
  list-style: none;
  padding-left: 0;
}

.n5c7af li {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  font-family: var(--font-primary);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) 0;
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

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

.lf4 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.l5551 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.l5551:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .d69e {
    padding: var(--spacing-xl);
  }

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

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

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

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

@media (min-width: 1024px) {
  .n16534 {
    min-height: 100vh;
  }

  .d69e {
    padding: var(--spacing-2xl);
    min-height: 100vh;
  }

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

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

  .h8cbb4a {
    width: 450px;
    height: 450px;
  }

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

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

@media (max-width: 639px) {
  .n16534 {
    min-height: auto;
  }

  .d69e {
    padding: var(--spacing-md);
    min-height: auto;
  }

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

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

  .h8cbb4a {
    width: 150px;
    height: 150px;
  }

  .n5c7af li {
    padding-left: var(--spacing-md);
  }
}

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

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

.j6f0 {
  text-align: center;
}

.j25 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.ic13 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

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

.fe3a692a {
  width: 100%;
}

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

@media (min-width: 768px) {
  .m32 {
    flex-direction: row;
    gap: clamp(3rem, 8vw, 5rem);
  }
}

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

.jb74543 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.jb74543 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.fedecaa {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.lcc9fa7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.j2cfc8e,
.i1801 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.5;
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
}

.j2cfc8e::placeholder,
.i1801::placeholder {
  color: var(--color-text-muted);
}

.j2cfc8e:focus,
.i1801:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.i1801 {
  min-height: 150px;
  resize: vertical;
}

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

.ed5 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.5px;
}

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

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

.g4f9e {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin-top: var(--spacing-md);
}

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

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

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

.i71ba295 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.i71ba295 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

.l93a {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.bafb6641 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.e18f5 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

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

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

.f211 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin-bottom: var(--spacing-xs);
  word-break: break-word;
}

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

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

.j77b9 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  display: block;
}

.c1a2f25 {
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

.mced6c {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.mced6c li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
}

.mced6c li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--color-success);
  font-weight: 700;
  font-size: 1.25rem;
}

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

.oe47b1 {
  text-align: center;
}

.i38cca8 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.i38cca8 p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-xl);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.pe299556 {
  display: inline-block;
  padding: 1rem 2.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  letter-spacing: 0.5px;
}

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

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

@media (max-width: 767px) {
  .j25 {
    padding: 2.5rem 0;
  }

  .m7e7fb {
    padding: 3rem 0;
  }

  .m32 {
    flex-direction: column;
  }

  .f5d2,
  .bde {
    width: 100%;
  }

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

  .e18f5 {
    width: 44px;
    height: 44px;
    font-size: 1.25rem;
  }

  .i38cca8 {
    padding: 3rem 0;
  }
}

@media (min-width: 1024px) {
  .m32 {
    gap: 4rem;
  }

  .f5d2 {
    max-width: 500px;
  }

  .bde {
    max-width: 450px;
  }
}
.m0a685,.kaa{
  width: 34px;
}

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

.l9bffa{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .l9bffa{
    max-width: 100%;
  }
}

.l9bffa.he2a971{
  z-index: 999;
}

.md9d31cc{
  padding-top: 50px;
}

.m0a685[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .ff0b {
    aspect-ratio: 6 / 9;
  }
  .n258 {
    aspect-ratio: 6 / 9;
  }
}