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

:root {
  --color-bg-primary: #0f172a;
  --color-bg-secondary: #1e293b;
  --color-bg-tertiary: #334155;
  --color-bg-card: #1e293b;

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

  --color-primary: #22c55e;
  --color-primary-hover: #16a34a;
  --color-primary-light: #4ade80;
  --color-secondary: #4ade80;
  --color-secondary-light: #86efac;

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

  --color-border: #334155;
  --color-border-light: #475569;

  --font-primary: 'Open Sans', sans-serif;
  --font-heading: 'Libre Baskerville', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

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

h3 {
  font-size: 1.875rem;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

button,
input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
}

button {
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

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

input:hover,
textarea:hover,
select:hover {
  border-color: var(--color-border-light);
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  background: var(--color-bg-tertiary);
}

input::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

label {
  display: block;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-secondary);
  font-weight: 500;
  font-size: 0.875rem;
}

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

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

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

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

.fa26a6 {
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
}

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

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

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

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

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

.pd8:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

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

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

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

.b3967 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.5px;
}

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

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

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

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

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

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

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

.m39 {
  display: flex;
  gap: var(--spacing-md);
}

.if973f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
}

.i109 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-md);
}

.h72ce6 {
  flex-direction: column;
}

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

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

.hd0078 {
  text-align: center;
}

.c7d {
  text-align: right;
}

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

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

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

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

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

.k6e79 {
  font-weight: 700;
}

.ab9e {
  font-weight: 600;
}

.nd29b {
  font-weight: 500;
}

.j2dec {
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.a97f0d {
  line-height: 1.25;
}

.f7743 {
  line-height: 1.75;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ef576d {
  opacity: 0.5;
}

.f4ea91b {
  opacity: 0.75;
}

.nc43 {
  overflow: hidden;
}

.d3d {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

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

  h2 {
    font-size: 1.875rem;
  }

  h3 {
    font-size: 1.5rem;
  }

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

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

  .n49e0c1,
  .e15d2,
  .p92960 {
    grid-template-columns: 1fr;
  }

  .if973f {
    flex-direction: column;
    align-items: flex-start;
  }

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

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

  .pd8 {
    width: 100%;
  }
}
.k2b7a {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  top: 0;
  width: 100%;
  z-index: 100;
}

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

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

.m29:hover {
  opacity: 0.85;
}

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

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

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

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

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

.h8982 {
  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), transform var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

.jf8d {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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;
  padding: 1rem;
  overflow-y: auto;
}

.jf8d.mb336 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.hd7 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
  margin-bottom: 1.5rem;
}

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

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

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

.adffeca {
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-border-light);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: color var(--transition-base);
}

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

.bab8 {
  padding: 1rem 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;
  text-align: center;
  transition: background var(--transition-base);
  margin-top: 1.5rem;
}

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

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

  .h8982 {
    display: inline-block;
  }

  .c1d2f {
    display: none;
  }

  .jf8d {
    display: none;
  }
}

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

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

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

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

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

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

.fd73b27 {
  width: 100%;
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.pd8 {
  padding: 0.875rem 1.75rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  display: inline-block;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  border: none;
  text-align: center;
}

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

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

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

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

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

  .fd73b27 {
    flex: 1 1 50%;
    min-height: 350px;
  }

  .ke9 {
    flex: 1 1 50%;
    text-align: left;
    max-width: 100%;
  }

  .aa5f {
    justify-content: flex-start;
  }
}

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

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

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

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

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

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

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

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

.f276 {
  min-height: 350px;
}

.pc13c {
  min-height: 220px;
}

@media (min-width: 768px) {
  .m11acae {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .f276 {
    grid-row: span 2;
  }
}

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

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

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

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

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

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

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

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

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

.cab4f {
  flex: 1 1 100%;
  min-width: 200px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-md);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: all var(--transition-base) ease;
}

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

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

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

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

@media (min-width: 768px) {
  .d0b {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  }
}

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

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

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

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

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

.j899 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  position: relative;
  padding: 1rem 0;
}

@media (min-width: 768px) {
  .j899 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2rem 1rem;
  }

  .j899::before {
    content: '';
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color-accent);
    z-index: 0;
  }
}

.je3d17d {
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}

.b5eb93 {
  width: 50px;
  height: 50px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0 auto 1rem;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

.g3a850 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  white-space: nowrap;
  transition: all var(--transition-base) ease;
}

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

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

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

.k383f {
  background: var(--color-primary-light);
  color: var(--color-text-on-accent);
}

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

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

.hab2 {
  display: inline;
}

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

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

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

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

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

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

.af5ed {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base) ease;
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

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

.jb8cf {
  flex: 1 1 100%;
  min-width: 300px;
  max-width: 400px;
  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) ease;
}

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

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

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

.jb8cf:hover .f06bdbd {
  transform: scale(1.05);
}

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

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

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

.p4a52f57 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base) ease;
  align-self: flex-start;
  margin-top: 0.5rem;
}

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

.b47d {
  text-align: center;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

.off7.kbf0 {
  display: none;
}

.n724a06 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin: 0;
  text-align: center;
  max-width: 500px;
}

.gd11 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.b10f0f75,
.fdff22b8 {
  padding: 0.65rem 1.5rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-base) ease;
  border: none;
}

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

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

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

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

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

  .pd8 {
    width: 100%;
  }

  .j899::before {
    display: none;
  }

  .b5eb93 {
    margin: 0 auto 0.75rem;
  }
}

@media (min-width: 1024px) {
  .d0b {
    grid-template-columns: repeat(4, 1fr);
  }

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

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

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

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

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

.la40e3 {
  max-width: 90%;
}

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

.la40e3 p {
  font-family: var(--font-primary);
  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;
}

.jc0a18 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
}

.g32b4904,
.b7a909,
.c3632 {
  flex: 1 1 200px;
  min-width: 150px;
}

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

.g32b4904 ul,
.c3632 ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1.5vw, 0.875rem);
}

.g32b4904 li,
.c3632 li {
  margin: 0;
}

.g32b4904 a,
.c3632 a {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all var(--transition-base);
  display: inline-block;
}

.g32b4904 a:hover,
.c3632 a:hover {
  color: var(--color-accent);
  transform: translateX(2px);
}

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

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

.pa608a p {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  margin: 0;
  line-height: 1.5;
}

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

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

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

  .g32b4904,
  .b7a909,
  .c3632 {
    flex: 1 1 100%;
  }

  .la40e3 {
    max-width: 100%;
  }

  .k74 {
    gap: clamp(0.5rem, 1.5vw, 1rem);
  }
}

@media (max-width: 480px) {
  .g32b4904 ul,
  .c3632 ul {
    gap: clamp(0.375rem, 1vw, 0.625rem);
  }

  .b7a909 p {
    margin-bottom: clamp(0.375rem, 0.75vw, 0.5rem);
  }
}
    

html, body, * {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o1f6b {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Open Sans', sans-serif;
}

.l334aed {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
}

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

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

.c92db {
  text-align: center;
}

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

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

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

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

.j54fae {
  text-align: center;
}

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

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

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

.p84 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 2.5vw, 1.75rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  transition: all 0.3s ease;
  flex: 1 1 calc(25% - 1.5rem);
  min-width: 220px;
  max-width: 280px;
  overflow: hidden;
}

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

.ba6e {
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 6px;
}

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

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

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

.i0f898e {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin: 0.5rem 0 0 0;
  padding: 0;
}

.fb3c,
.hfb,
.a2ce5b {
  color: var(--color-text-muted);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.fb3c i,
.hfb i,
.a2ce5b i {
  font-size: 0.875rem;
  color: var(--color-accent);
}

.ia9b93 {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  font-weight: 600;
  transition: all 0.3s ease;
  margin-top: auto;
  padding: 0;
  display: inline-block;
}

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

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

  .j289251 {
    flex-direction: column;
  }
}

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

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

  .jaf {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .p84 {
    flex: 1 1 calc(25% - 1.5rem);
    min-width: 220px;
    max-width: 280px;
  }
}

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

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

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

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

.o4e8454 {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.m6880c {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(30, 41, 59, 0.75) 100%);
  z-index: 2;
}

.ocfe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.o4e8454 .gb48 {
  position: relative;
  z-index: 3;
}

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

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

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

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

.a22 {
  max-width: 800px;
}

.de64a816 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
}

.a1021 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-md);
  font-weight: 600;
}

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

.c48e86,
.g6b0 {
  color: var(--color-text-secondary);
}

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

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

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

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

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

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

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

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

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

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

  .n615e,
  .jb10 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .o1a3,
  .de56d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.i3e {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ca7 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-accent);
  min-width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-heading);
}

.m985 {
  flex: 1;
}

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

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

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

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

  .p3dd,
  .fb7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.mccd {
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

.n91e {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-accent);
  min-width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.g71eb {
  flex: 1;
}

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

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

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

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

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

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

@media (max-width: 1024px) {
  .o4e8454 {
    min-height: 400px;
  }
}

@media (max-width: 768px) {
  .o4e8454 {
    min-height: 350px;
  }

  .a3267f {
    font-size: 0.8125rem;
  }
}

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

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

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

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

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

.m67b244a {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  min-height: 500px;
  display: flex;
  align-items: center;
}

.d009 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.deae26 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.85) 100%);
  z-index: 1;
}

.b090 {
  position: relative;
  z-index: 2;
}

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

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

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

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

.gdb9 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

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

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

.a0c {
  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;
  max-width: 900px;
}

.p598ccf6 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 700px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.d60 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  margin-top: clamp(1.5rem, 2vw, 2rem);
}

.dbc {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  margin-top: 0;
}

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

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

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

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

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

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

.o050 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.b32 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

.c42 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 340px;
  transition: var(--transition-base);
}

.c42:hover {
  border-color: var(--color-accent);
  transform: translateY(-4px);
}

.ef27 {
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.c42:hover .f652 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

.i62f7 {
  flex: 1;
}

.ef5d222 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

.m1423 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
  max-width: 700px;
}

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

.i0dc5 {
  display: inline-block;
  background: var(--color-accent);
  color: #ffffff;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  font-weight: 600;
  transition: var(--transition-base);
}

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

@media (max-width: 768px) {
  .k8e,
  .l23908,
  .fe8,
  .peb270 {
    flex-direction: column;
  }

  .j48d4,
  .f440ff,
  .m7e2b5,
  .cb70b019,
  .cc8,
  .p69971,
  .ofd,
  .bc0a0670 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h9ddb994 {
    flex-direction: column;
    align-items: flex-start;
  }

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

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

@media (min-width: 768px) and (max-width: 1023px) {
  .a4abd {
    justify-content: space-between;
  }

  .c42 {
    max-width: calc(50% - 0.75rem);
  }
}

@media (min-width: 1024px) {
  .c42 {
    max-width: 340px;
  }
}

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

.pc833bc {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 4rem 0 3rem 0;
}

.p921e {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.5) 100%);
  z-index: 1;
}

.g60b {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.pc833bc .gb48 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

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

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

.eedb4c0 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 600px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hba {
  width: 100px;
  height: 100px;
  border-radius: var(--radius-full);
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-accent);
}

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

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

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

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

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

.de5 {
  width: 100%;
}

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

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

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

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

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

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

.n58dbc {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.ee24527 {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  flex-shrink: 0;
}

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

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

.e00fb {
  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;
  margin: 0;
}

.p45 {
  width: 100%;
  padding: clamp(2rem, 5vw, 4rem) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

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

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

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

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

.j2eb0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

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

.of79c4 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

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

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

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

.m226a76 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: color var(--transition-fast);
  align-self: flex-start;
}

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

.h68c57c {
  width: 100%;
}

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

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

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

.j3d8f {
  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;
  margin: 0;
}

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

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

.nd906 {
  width: 100%;
  padding: clamp(2rem, 4vw, 3rem) 0;
  border-top: 1px solid var(--color-border);
}

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

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

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

.pd8f3a {
  width: 100%;
  padding: clamp(3rem, 8vw, 6rem) 0;
  border-top: 1px solid var(--color-border);
}

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

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

.g91c4b {
  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;
  margin: 0;
}

.ld01cc2 {
  padding-top: 1rem;
}

.nfd6376a {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.25rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.125rem);
  transition: background var(--transition-fast);
}

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

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

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

  .k34 {
    position: static;
  }
}

@media (max-width: 768px) {
  .pf99,
  .ad5f1fa4,
  .h16f,
  .gdca8d90 {
    flex-direction: column;
  }

  .a93,
  .f82db,
  .f25c605b,
  .k90,
  .gff5b8f,
  .nee8a,
  .o134,
  .be985d1 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dbca40c {
    flex-direction: column;
  }

  .j2eb0 {
    flex: 1 1 100%;
  }

  .k48b23 {
    font-size: clamp(0.75rem, 1vw + 0.5rem, 0.85rem);
  }

  .pc833bc {
    min-height: 350px;
    padding: 2rem 0 2rem 0;
  }

  .nc622 {
    font-size: clamp(1.5rem, 5vw + 0.5rem, 2.25rem);
  }

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

  .hfc9 {
    padding: clamp(1.25rem, 2vw, 1.5rem);
  }

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

@media (max-width: 480px) {
  .pc833bc {
    min-height: 300px;
    padding: 1.5rem 0 1.5rem 0;
  }

  .nc622 {
    font-size: clamp(1.25rem, 4vw + 0.5rem, 1.75rem);
  }

  .k48b23 {
    font-size: clamp(0.7rem, 1vw + 0.4rem, 0.8rem);
    gap: 0.25rem;
  }

  .n58dbc {
    gap: 1rem;
  }

  .ee24527 {
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
    font-size: 0.95rem;
  }
}

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

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

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

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

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

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

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

.nab3ca {
  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);
  color: var(--color-text-secondary);
}

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

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

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

.bcfec8 {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  aspect-ratio: 16 / 9;
  min-height: 300px;
  max-height: 500px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.hdb886 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.b2ff1 {
  position: relative;
  z-index: 2;
  padding: clamp(1.5rem, 4vw, 3rem);
  background: linear-gradient(to top, rgba(15, 23, 42, 0.95), rgba(15, 23, 42, 0.7));
  width: 100%;
}

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

.a14b0e,
.c685b,
.kff94 {
  color: var(--color-text-secondary);
}

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

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

.e51c {
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  line-height: 1.5;
}

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

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

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

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

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

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

.bb24ee9 {
  background: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 3vw, 2rem);
  flex: 1 1 100%;
  min-width: 250px;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

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

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

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

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

.p074 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  align-self: center;
}

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

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

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

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

.me7 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-sm);
  color: var(--color-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

  .l994a2,
  .na6b11 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.j0ea {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
}

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

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

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

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

.i6f8 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

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

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

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

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

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

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

.caa {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  padding: 0.5rem 0;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  margin-top: auto;
}

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

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

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

.cf4d3804 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.e722c92 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.k1e0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 0;
  list-style: decimal;
  margin-left: 1.5rem;
}

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

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

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

  .h73c64a0,
  .h166619 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .i6510 {
    padding: clamp(2.5rem, 6vw, 4rem) 0;
  }

  .pa15 {
    gap: clamp(2rem, 3vw, 2.5rem);
  }

  .i7f4 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 300px;
    max-width: none;
  }

  .i6f8 {
    flex: 1 1 calc(33.333% - 1.5rem);
    min-width: 300px;
    max-width: none;
  }
}

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

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

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

  .bcfec8 {
    min-height: 250px;
    max-height: 350px;
  }

  .b2ff1 {
    padding: clamp(1rem, 3vw, 2rem);
  }

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

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

  .i7f4,
  .i6f8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .bb24ee9 {
    max-width: 100%;
  }

  .g2dde563 {
    gap: 1rem;
  }

  .e68 {
    gap: 1rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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, span, li, a {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

img {
  width: 100%;
  height: auto;
  display: block;
}

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

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

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

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

.l527f8a {
  max-width: 700px;
}

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

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

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

.f5767a1 {
  width: 100%;
  max-height: 450px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.k3897 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;
}

.p4748b {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  background: rgba(34, 197, 94, 0.1);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

.aeb7 {
  flex: 1 1 45%;
  min-width: 280px;
}

.aeb7 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

.aeb7 p:first-of-type {
  color: var(--color-text-secondary);
  font-weight: 500;
}

.k704c {
  flex: 1 1 45%;
  min-width: 250px;
  max-height: 400px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

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

.oee4 {
  text-align: center;
  max-width: 850px;
  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;
}

.pd4 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  background: rgba(34, 197, 94, 0.1);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

.haff1e9a {
  flex: 1 1 280px;
  max-width: 320px;
  background: var(--color-bg-tertiary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: var(--transition-base);
  min-height: auto;
}

.haff1e9a:hover {
  transform: translateY(-6px);
  border-color: var(--color-accent);
  background: rgba(34, 197, 94, 0.05);
}

.l0c {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: rgba(34, 197, 94, 0.1);
  border-radius: var(--radius-md);
}

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

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

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

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

.dfc7c5 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto clamp(2rem, 4vw, 3rem) auto;
}

.fefa472e {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  background: rgba(34, 197, 94, 0.1);
  padding: 0.4rem 0.8rem;
  border-radius: var(--radius-md);
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

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

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

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

.gad {
  flex: 1 1 220px;
  max-width: 280px;
  text-align: center;
}

.mce {
  font-size: clamp(2rem, 4vw + 1rem, 3.5rem);
  font-weight: 700;
  color: var(--color-secondary);
  line-height: 1;
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

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

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

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

.i682 {
  flex: 1 1 45%;
  min-width: 280px;
}

.i682 h3 {
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
  line-height: 1.2;
}

.i682 p {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin-bottom: 1.25rem;
  line-height: 1.8;
}

.p420 {
  flex: 1 1 45%;
  min-width: 250px;
  max-height: 380px;
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

.mde {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 900px;
}

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

.ja71 {
  font-size: 1.25rem;
  color: var(--color-secondary);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

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

  .aeb7,
  .k704c,
  .i682,
  .p420 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .k704c,
  .p420 {
    max-height: 300px;
  }

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

  .haff1e9a {
    max-width: 100%;
  }

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

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

@media (max-width: 480px) {
  .m100893 {
    margin-bottom: 0.75rem;
  }

  .haff1e9a,
  .gad {
    text-align: left;
  }

  .gad {
    text-align: center;
  }
}

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

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

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

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

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

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

@media (min-width: 1024px) {
  .b7d58 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

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

@media (min-width: 1024px) {
  .i41 {
    flex: 1 1 45%;
  }
}

.b3c25 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

.l625 {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  max-width: 550px;
}

.cca78a3 {
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1024px) {
  .cca78a3 {
    flex: 1 1 45%;
    min-height: 400px;
  }
}

.c9ccaf90 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(34, 197, 94, 0.1);
}

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

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

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

.paa5 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

.dc798 p {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

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

.p847902 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

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

@media (min-width: 768px) {
  .p0ef {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

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

@media (min-width: 768px) {
  .e83e {
    flex: 1 1 calc(33.333% - 1.5rem);
  }
}

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

.d53250c {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

.p13e77 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

@media (min-width: 768px) {
  .o860 {
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
  }
}

.oa78 {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-bg-primary);
  border-radius: 8px;
  border-top: 3px solid var(--color-accent);
}

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

.jd8f {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

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

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

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

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

.c9a8b7a0 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}

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

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

.icc6f p {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

.nb3dc4 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 2vw, 2rem);
  padding: clamp(2rem, 5vw, 3.5rem);
  background: var(--color-bg-primary);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
}

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

.e1ae24 {
  font-size: clamp(0.95rem, 1.2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

.jf36f9 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  transition: all var(--transition-base, 0.3s ease);
  border: 2px solid var(--color-accent);
}

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

.i6a4efe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  background: transparent;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 6px;
  border: 2px solid var(--color-border-light);
  transition: all var(--transition-base, 0.3s ease);
}

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

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

  .df15dd5 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .h364bf {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .f98e81 {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .j9e {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }

  .o2f9c {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

@media (min-width: 1024px) {
  .g21dae7 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .df15dd5 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .h364bf {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .f98e81 {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .j9e {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }

  .o2f9c {
    padding: clamp(5rem, 12vw, 10rem) 0;
  }
}

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

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

.m9c {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.gdf0bc1f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

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

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

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

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

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

.p798d9 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.mfc3b {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.m19b {
  width: 100%;
  background: transparent;
  border: none;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: all var(--transition-fast);
}

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

.c504 {
  flex: 1;
  line-height: 1.5;
}

.fe84f2f {
  width: 20px;
  height: 20px;
  color: var(--color-primary);
  margin-left: var(--spacing-md);
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.mfc3b[data-expanded="true"] .fe84f2f {
  transform: rotate(180deg);
}

.l04a88 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-tertiary);
}

.mfc3b[data-expanded="true"] .l04a88 {
  max-height: 500px;
}

.l04a88 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  padding: var(--spacing-lg) var(--spacing-md);
  line-height: 1.7;
}

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

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

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

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

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

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

.p4c66 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
}

.o9429 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.h8040a {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

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

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

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

.oa9a9a9 {
  max-width: 1200px;
  margin: 0 auto;
}

.c690e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  font-weight: 700;
}

.e26 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

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

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

@media (min-width: 1024px) {
  .e26 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.h3bf {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration: none;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

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

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

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

.h3bf:hover .a05e2710 img {
  transform: scale(1.05);
}

.b68cdb6 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.4rem, 1.25rem);
  color: var(--color-text-primary);
  margin: var(--spacing-lg) var(--spacing-md) var(--spacing-sm) var(--spacing-md);
  font-weight: 700;
  line-height: 1.4;
}

.e86 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  line-height: 1.6;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .b68cdb6 {
    margin: var(--spacing-xl) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);
  }

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

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

.k0241 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.a7dbc047 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.pfa52c3 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

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

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

@media (min-width: 1024px) {
  .k0241 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.f3b7 {
  max-width: 1200px;
  margin: 0 auto;
}

.oee6dc47 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .oee6dc47 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .f993 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .oee6dc47 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

.gf10f {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.gf10f:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.nd7afe {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
}

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

.oca8678 {
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
  flex-grow: 1;
}

.i99357a9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.i99357a9 li {
  font-size: 0.9rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.5;
}

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

.eb28ade8 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

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

.nd297 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
}

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

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

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

@media (min-width: 1024px) {
  .eb28ade8 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.pcf {
  display: none;
}

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

  .gf10f:hover {
    transform: none;
  }
}

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

.k78f main {
  width: 100%;
}

.k78f .gb48 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.k78f .n87e6 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.k78f h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.k78f .f50a4 {
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  display: block;
}

.k78f h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

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

.k78f ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

.k78f li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.k78f .me3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.k78f .me3 h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.k78f .me3 p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.k78f .df7d93 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

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

@media (min-width: 768px) {
  .k78f .n87e6 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .k78f .gb48 {
    padding: 0 var(--spacing-lg);
  }

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

.c6665d18 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.bd0d84 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.gb48 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.cec7b3f5 {
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.i6d5 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.5);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.i6d5 svg {
  width: 120px;
  height: 120px;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
}

.c6665d18 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: var(--spacing-md) 0 var(--spacing-lg) 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.a9619 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  color: var(--color-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: 0.3px;
}

.le5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0 0 var(--spacing-md) 0;
}

.hd3bcb {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.45rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-2xl) 0;
}

.pd8 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

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

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

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

@media (min-width: 768px) {
  .bd0d84 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

  .i6d5 svg {
    width: 140px;
    height: 140px;
  }

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

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

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

  .i6d5 svg {
    width: 160px;
    height: 160px;
  }

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

@media (max-width: 480px) {
  .c6665d18 h1 {
    margin-top: var(--spacing-md);
  }

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

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

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

.o11dc21 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

.f8906 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

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

.i6c {
  position: relative;
  height: clamp(200px, 40vw, 400px);
  margin-bottom: var(--spacing-3xl);
  display: flex;
  align-items: center;
  justify-content: center;
}

.f567e {
  position: relative;
  display: inline-block;
}

.c030ba0 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.05em;
  display: block;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

.c22d8c {
  position: absolute;
  background-color: var(--color-primary-light);
  opacity: 0.15;
  border-radius: var(--radius-full);
  z-index: 1;
}

.n0002 {
  width: clamp(60px, 12vw, 150px);
  height: clamp(60px, 12vw, 150px);
  top: -10%;
  left: -15%;
  animation: drift 6s ease-in-out infinite;
}

.le3 {
  width: clamp(40px, 8vw, 100px);
  height: clamp(40px, 8vw, 100px);
  bottom: 5%;
  right: -5%;
  animation: drift-reverse 5s ease-in-out infinite;
}

.p050a97 {
  width: clamp(80px, 14vw, 180px);
  height: clamp(80px, 14vw, 180px);
  top: 50%;
  right: -10%;
  animation: drift 7s ease-in-out infinite;
  opacity: 0.08;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes drift {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(20px, 20px) rotate(10deg);
  }
}

@keyframes drift-reverse {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(-20px, -20px) rotate(-10deg);
  }
}

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

.e88 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.lfe936 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.6;
  font-weight: 500;
}

.g6bb2 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: var(--spacing-2xl);
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.dc7d {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-2xl);
}

.pd8 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  border: 2px solid transparent;
  transition: all var(--transition-base);
  cursor: pointer;
  text-align: center;
  min-width: 200px;
}

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

.ea09546e:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.ea09546e:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.k1755 {
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.m481af {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

@media (min-width: 768px) {
  .f8906 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

  .dc7d {
    flex-direction: row;
    justify-content: center;
    gap: var(--spacing-lg);
  }

  .pd8 {
    min-width: 240px;
  }

  .n0002 {
    animation: drift 8s ease-in-out infinite;
  }

  .le3 {
    animation: drift-reverse 6s ease-in-out infinite;
  }

  .p050a97 {
    animation: drift 9s ease-in-out infinite;
  }
}

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

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

  .c030ba0 {
    animation: float-up 4s ease-in-out infinite;
  }

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

@media (min-width: 1440px) {
  .gb48 {
    max-width: 1440px;
  }

  .n87e6 {
    max-width: 900px;
  }
}

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

.oce15e8c {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.fe6eba {
  text-align: center;
}

.oce15e8c h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1rem;
  letter-spacing: -0.5px;
}

.m115a {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .oce15e8c {
    padding: 5rem 0;
  }

  .oce15e8c h1 {
    margin-bottom: 1.5rem;
  }
}

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

.i9d {
  background-color: var(--color-bg-primary);
  padding: 2rem 0 4rem 0;
  overflow: hidden;
}

.f63cf984 {
  width: 100%;
}

.dd79a5d {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.m4d {
  flex: 1 1 100%;
}

.b67 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.p36 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

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

.b4e40,
.ie3 {
  font-family: var(--font-primary);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw, 1.1rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.b4e40::placeholder,
.ie3::placeholder {
  color: var(--color-text-muted);
}

.b4e40:focus,
.ie3:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.ie3 {
  resize: vertical;
  min-height: 140px;
}

.d8d93f5 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
}

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

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

.h19 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin-top: 0.5rem;
}

.e79fe4 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

.a9c4d {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.m2a {
  background-color: var(--color-bg-secondary);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

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

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

.pde {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 1.75rem;
  align-items: flex-start;
}

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

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

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

.o53e203 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.35rem;
}

.bd8c2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  word-break: break-word;
}

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

.l644dab4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: 1.25rem;
}

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

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

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

@media (min-width: 768px) {
  .i9d {
    padding: 3rem 0 5rem 0;
  }

  .dd79a5d {
    display: flex;
    flex-direction: row;
    gap: 3.5rem;
    align-items: flex-start;
  }

  .m4d {
    flex: 1 1 45%;
    min-width: 350px;
  }

  .a9c4d {
    flex: 1 1 45%;
    min-width: 350px;
  }

  .p36 {
    margin-bottom: 0.25rem;
  }

  .m2a {
    padding: 2.5rem;
  }
}

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

  .dd79a5d {
    gap: 4rem;
  }

  .m4d {
    flex: 1 1 48%;
  }

  .a9c4d {
    flex: 1 1 48%;
  }

  .b67 {
    gap: 1.75rem;
  }

  .m2a {
    padding: 3rem;
  }

  .a892a6af {
    width: 56px;
    height: 56px;
    font-size: 1.75rem;
  }
}

@media (max-width: 480px) {
  .oce15e8c {
    padding: 2rem 0;
  }

  .oce15e8c h1 {
    margin-bottom: 0.75rem;
  }

  .i9d {
    padding: 1.5rem 0 2.5rem 0;
  }

  .dd79a5d {
    gap: 2rem;
  }

  .b67 {
    gap: 1.25rem;
  }

  .m2a {
    padding: 1.5rem;
  }

  .a892a6af {
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}
.c1d2f,.j102f{
  width: 34px;
}

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

.jf8d{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .jf8d{
    max-width: 100%;
  }
}

.jf8d.mb336{
  z-index: 999;
}

.a2ea56d{
  padding-top: 50px;
}

.c1d2f[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .fd73b27 {
    aspect-ratio: 6 / 9;
  }
  .i73ea2 {
    aspect-ratio: 6 / 9;
  }
  .ba6e img {
    aspect-ratio: 6 / 9;
  }
  .bcfec8 {
    aspect-ratio: 6 / 9;
  }
}