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

:root {
  --color-bg-primary: #f9fafb;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #f3f4f6;
  --color-bg-card: #ffffff;

  --color-text-primary: #111827;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6d727a;

  --color-primary: #059669;
  --color-primary-hover: #047857;
  --color-primary-light: #d1fae5;
  --color-secondary: #10b981;
  --color-secondary-light: #ecfdf5;

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

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

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

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

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

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

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

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;

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

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

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

body {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  font-weight: 400;
}

.h5e08a4 {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 var(--spacing-sm);
}

@media (min-width: 768px) {
  .h5e08a4 {
    padding: 0 var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .h5e08a4 {
    padding: 0 var(--spacing-lg);
  }
}

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

h1 {
  font-size: var(--font-size-5xl);
}

h2 {
  font-size: var(--font-size-4xl);
}

h3 {
  font-size: var(--font-size-3xl);
}

h4 {
  font-size: var(--font-size-2xl);
}

h5 {
  font-size: var(--font-size-xl);
}

h6 {
  font-size: var(--font-size-lg);
}

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

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

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

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

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

button, [role="button"] {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  border-radius: var(--radius-md);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-base);
}

button:focus-visible, [role="button"]:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

.l4b072 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
}

.de64 {
  background: var(--color-primary);
  color: #ffffff;
}

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

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

.a3b42 {
  background: var(--color-secondary);
  color: #ffffff;
}

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

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

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

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

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

.mf3:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .g92e3, .a891, .dc43783 {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .a891, .dc43783 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.cc865 {
  flex-direction: column;
}

.nb6 {
  justify-content: space-between;
}

.i9787 {
  justify-content: center;
}

.jca1b82 {
  text-align: center;
}

.bb57c2a7 {
  text-align: left;
}

.kca8e {
  text-align: right;
}

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

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

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

.a596af {
  font-weight: 700;
}

.g81ca {
  font-weight: 600;
}

.ne2632 {
  font-weight: 500;
}

.g48 {
  font-size: var(--font-size-xs);
}

.of33 {
  font-size: var(--font-size-sm);
}

.pb5 {
  font-size: var(--font-size-base);
}

.i2a748 {
  font-size: var(--font-size-lg);
}

.f3d5 {
  font-size: var(--font-size-xl);
}

.o097ef {
  font-size: var(--font-size-2xl);
}

.ia5062 {
  font-size: var(--font-size-3xl);
}

.be40 {
  font-size: var(--font-size-4xl);
}

.l95f4ddc {
  font-size: var(--font-size-5xl);
}

.c6b { margin: 0; }
.e961 { margin: var(--spacing-xs); }
.m3784a23 { margin: var(--spacing-sm); }
.m66 { margin: var(--spacing-md); }
.j510 { margin: var(--spacing-lg); }
.l72 { margin: var(--spacing-xl); }
.aae { margin: var(--spacing-2xl); }

.cb23370 { margin-top: var(--spacing-xs); }
.mcacd0 { margin-top: var(--spacing-sm); }
.l9a0282 { margin-top: var(--spacing-md); }
.ea93561 { margin-top: var(--spacing-lg); }
.n2ca59 { margin-top: var(--spacing-xl); }
.k0c3f9d9 { margin-top: var(--spacing-2xl); }

.g357c30f { margin-bottom: var(--spacing-xs); }
.bea0 { margin-bottom: var(--spacing-sm); }
.ge138 { margin-bottom: var(--spacing-md); }
.ddeee { margin-bottom: var(--spacing-lg); }
.k80ba2 { margin-bottom: var(--spacing-xl); }
.eaaf { margin-bottom: var(--spacing-2xl); }

.oc0 { padding: 0; }
.c0a472 { padding: var(--spacing-xs); }
.odd79b { padding: var(--spacing-sm); }
.p5aa { padding: var(--spacing-md); }
.o75 { padding: var(--spacing-lg); }
.d068 { padding: var(--spacing-xl); }
.jcf77 { padding: var(--spacing-2xl); }

.ne7a0b { padding-top: var(--spacing-xs); }
.c96b5df { padding-top: var(--spacing-sm); }
.b33 { padding-top: var(--spacing-md); }
.be4f { padding-top: var(--spacing-lg); }
.pe5a { padding-top: var(--spacing-xl); }

.pcfb { padding-bottom: var(--spacing-xs); }
.mc3aac09 { padding-bottom: var(--spacing-sm); }
.n59ba { padding-bottom: var(--spacing-md); }
.e1720f { padding-bottom: var(--spacing-lg); }
.if37 { padding-bottom: var(--spacing-xl); }

.l6298 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.h6c { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.ceac65 { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.b0ab54 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.dc7e80 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

.o341ce { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.i3f { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.ifb { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.d2d3 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.icac7bb5 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

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

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

.n46b384a {
  border: 2px solid var(--color-primary);
}

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

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

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

.ld75b {
  background: var(--color-bg-card);
}

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

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

.ffe {
  opacity: 0.5;
}

.gbd7 {
  opacity: 0.75;
}

.e8f412 {
  opacity: 1;
}

.p6465 {
  display: none;
}

.kea {
  display: block;
}

.p1bb6899 {
  overflow: hidden;
}

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

.ff150f {
  white-space: nowrap;
}

@media (max-width: 640px) {
  h1 {
    font-size: var(--font-size-3xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }

  h3 {
    font-size: var(--font-size-xl);
  }

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

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

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

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

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

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

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

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

table {
  width: 100%;
  border-collapse: collapse;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

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

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

tr:last-child td {
  border-bottom: none;
}

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

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

.m8d1 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

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

.b6184922 {
  background: #dcfce7;
  color: var(--color-success);
}

.g11 {
  background: #fef3c7;
  color: var(--color-warning);
}

.hdf4fe {
  background: #fee2e2;
  color: var(--color-danger);
}

.ia0 {
  padding: var(--spacing-md);
  border-radius: var(--radius-lg);
  border: 1px solid;
  margin-bottom: var(--spacing-md);
}

.a14650 {
  background: #f0fdf4;
  border-color: #bbf7d0;
  color: #166534;
}

.h381 {
  background: #fffbeb;
  border-color: #fde68a;
  color: #92400e;
}

.ce895 {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}

.m36c1 {
  background: var(--color-primary-light);
  border-color: #6ee7b7;
  color: #065f46;
}

.g75826 {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border: 2px solid var(--color-border);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.j2c47dd {
  animation: fadeIn var(--transition-base) ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.i418 {
  animation: slideUp var(--transition-base) ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hf918a65 {
  transition: transform var(--transition-base);
}

.hf918a65:hover {
  transform: scale(1.05);
}

.dd4f6f {
  position: relative;
  cursor: pointer;
}

.dd4f6f::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--color-primary);
  transition: width var(--transition-base);
}

.dd4f6f:hover::after {
  width: 100%;
}
.cccaa73 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

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

.a4dc2f:hover {
  opacity: 0.8;
}

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

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

.h8453 {
  display: none;
  flex-direction: row;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  margin-left: clamp(1rem, 4vw, 2rem);
}

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

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

.oefde748 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  padding: 0.65rem 1.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

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

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

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

.f71e3c.n15a7 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

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

.odd04d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-size: 1.5rem;
  transition: color var(--transition-base);
}

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

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

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

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

.a2bc {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  font-weight: 600;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  display: block;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-top: clamp(1rem, 3vw, 2rem);
}

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

@media (min-width: 768px) {
  .i2ea {
    height: 75px;
  }

  .h8453 {
    display: flex;
  }

  .lba2 {
    display: none;
  }

  .f71e3c {
    display: none;
  }
}

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

  .p160 {
    font-size: 1.25rem;
  }

  .h4f4b {
    font-size: 0.95rem;
  }
}

    .n5e3 {
  width: 100%;
}

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

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

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

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

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

.f71bb {
  text-align: center;
}

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

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

.c04d0b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 1.5rem);
  justify-content: center;
  margin: clamp(1.5rem, 4vw, 2.5rem) 0;
}

.ja4 {
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  min-width: 140px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.eec {
  transform: rotate(-2deg);
}

.bd88ce {
  transform: rotate(1deg);
}

.f9ae21c4 {
  transform: rotate(-1.5deg);
}

.k828 {
  transform: rotate(2deg);
}

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

.b8a4 {
  font-size: 0.875rem;
  color: var(--color-text-primary);
  font-weight: 600;
}

.g624d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  margin-top: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

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

.nff30eb1 {
  text-align: center;
}

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

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

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

.c989e {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

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

.l64f0f {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  background: var(--color-bg-tertiary);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l64f0f i {
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

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

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

.k8c0 {
  text-align: center;
}

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

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

.i6ecb {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 4vw, 3rem);
  position: relative;
  padding: 0 clamp(1rem, 5vw, 3rem);
}

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

.a54e7b {
  display: flex;
  gap: clamp(1rem, 3vw, 2rem);
  position: relative;
}

.dbea92d {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

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

.pf91 {
  width: 20px;
  height: 20px;
  background: var(--color-accent);
  border: 4px solid var(--color-bg-tertiary);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  flex-shrink: 0;
}

.o49f6 {
  flex: 0 1 45%;
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2.5vw, 2rem);
  border-radius: 10px;
  box-shadow: var(--shadow-md);
}

.fca29 {
  font-size: 2.5rem;
  color: var(--color-accent);
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  line-height: 1;
}

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

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

@media (max-width: 768px) {
  .i6ecb {
    padding: 0;
  }

  .i6ecb::before {
    left: 0;
    transform: translateX(-50%);
  }

  .a54e7b {
    flex-direction: column;
    justify-content: flex-start !important;
  }

  .dbea92d {
    flex-direction: column;
  }

  .h30c1 {
    flex-direction: column;
  }

  .pf91 {
    left: 0;
  }

  .o49f6 {
    flex: 1 1 100%;
    margin-left: 2rem;
  }
}

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

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

.b68fc {
  text-align: center;
}

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

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

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

.o9c1fb {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border-left: 4px solid var(--color-accent);
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
}

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

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

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

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

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

.h2ca {
  text-align: center;
  margin-top: clamp(1rem, 3vw, 2rem);
}

.gac8 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  padding: 0.75rem 1.5rem;
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  transition: all 0.3s ease;
}

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

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

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

.b20ad211 {
  text-align: center;
}

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

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

.cb373987 {
  display: flex;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.he7 {
  flex: 1 1 50%;
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  position: relative;
}

.pe80 {
  flex: 1 1 50%;
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-left: 3px solid var(--color-accent);
}

.mee {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 1rem;
}

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

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

  .pe80 {
    border-left: none;
    border-top: 3px solid var(--color-accent);
  }
}

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

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

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

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

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

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

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

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

.ce32a {
  text-align: center;
}

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

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

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

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

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

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

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

.h2b:hover .p2d {
  transform: scale(1.05);
}

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

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

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

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

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

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

.a1fbd9.p6465 {
  display: none;
}

.c050053 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: #ffffff;
  margin: 0;
  flex: 1;
  min-width: 200px;
}

.b6606dab {
  display: flex;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  flex-wrap: wrap;
}

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

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

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

.f770 {
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.f770:hover {
  border-color: rgba(255, 255, 255, 0.6);
}

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

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

  .bfc,
  .f770 {
    flex: 1;
    min-width: 120px;
  }
}

@media (max-width: 1024px) {
  .i6ecb::before {
    left: 0;
  }

  .a54e7b {
    padding-left: 1.5rem;
  }

  .pf91 {
    left: 0;
  }
}

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

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

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

.mc1af3 {
  display: block;
}

.mc1af3 h3,
.eed h3,
.p199b611 h3,
.h4dd1c h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: -0.5px;
}

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

.eed {
  display: block;
}

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

.f225b li {
  display: block;
}

.f225b a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

.p199b611 {
  display: block;
}

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

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

.h4dd1c {
  display: block;
}

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

.b37db1eb li {
  display: block;
}

.b37db1eb a {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: color var(--transition-base);
}

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

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

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

.me6f9 {
  color: var(--color-text-muted);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .mc1af3 {
    flex: 1 1 300px;
    min-width: 300px;
  }

  .eed {
    flex: 0 1 auto;
  }

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

  .p199b611 {
    flex: 0 1 auto;
  }

  .h4dd1c {
    flex: 0 1 auto;
  }

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

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

@media (min-width: 1024px) {
  .d53af5d {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: clamp(3rem, 5vw, 4rem);
    align-items: start;
  }

  .mc1af3 {
    grid-column: 1;
    grid-row: 1;
  }

  .eed {
    grid-column: 2;
    grid-row: 1;
  }

  .p199b611 {
    grid-column: 3;
    grid-row: 1;
  }

  .h4dd1c {
    grid-column: 4;
    grid-row: 1;
  }

  .nc98c9f {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 0;
  }
}
    

.cf76 {
  width: 100%;
}

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

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

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

.gfa070d {
  text-align: center;
}

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

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

.k4f276 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2rem) 0 0 0;
}

.h2bead67 {
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  padding: clamp(0.625rem, 1vw, 0.875rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 2rem;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 500;
  white-space: nowrap;
}

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

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

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

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

.f7f9ebbc {
  text-align: center;
}

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

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

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

.p63 {
  flex: 1 1 clamp(280px, 45vw, 380px);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 0.5rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.p63:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

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

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

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

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

.h92bda {
  font-size: clamp(0.75rem, 0.85vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}

.h92bda i {
  color: var(--color-accent);
  width: 1em;
}

.o0e5 {
  display: inline-block;
  margin-top: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(0.625rem, 1vw, 0.875rem) 0;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.95rem);
  font-weight: 600;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

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

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

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

  .gec {
    gap: clamp(2rem, 4vw, 3rem);
  }

  .p63 {
    flex: 1 1 clamp(320px, 45vw, 420px);
  }
}

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

  .p63 {
    flex: 1 1 clamp(360px, 30vw, 420px);
  }

  .gec {
    gap: clamp(2.5rem, 4vw, 3.5rem);
  }
}

@media (max-width: 480px) {
  .k4f276 {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .h92bda {
    width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.had1b {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}

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

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

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

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

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

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

.gdaf {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 280px;
}

.je7 {
  max-width: 100%;
  height: auto;
  border-radius: 1.5rem;
  display: block;
  object-fit: cover;
  max-height: 400px;
}

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

  .lbd3342b,
  .gdaf {
    flex: 1 1 100%;
  }

  .g3c {
    gap: 1rem;
  }
}

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

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

.a16b {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

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

.j4d3 {
  flex: 1 1 40%;
}

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

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

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

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

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

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

  .a16b,
  .j4d3 {
    flex: 1 1 100%;
  }
}

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

.k91b18:nth-child(odd) {
  background: var(--color-bg-secondary);
}

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

.i2bf {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.a22039c {
  flex: 1 1 50%;
  max-width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 280px;
}

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

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

.bc00e1 {
  max-width: 100%;
  height: auto;
  border-radius: 1rem;
  display: block;
  object-fit: cover;
  max-height: 400px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

#marsruto-pasirinkimas .n67a7d {
  flex-direction: row-reverse;
}

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

  #marsruto-pasirinkimas .n67a7d {
    flex-direction: column;
  }

  .i2bf,
  .a22039c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.od4f9f37 {
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.od4f9f37 i {
  color: var(--color-secondary);
  width: 20px;
}

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

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

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

.ke8f {
  flex-shrink: 0;
}

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

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

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

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

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

.icb9ea {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: var(--color-accent);
  font-weight: 500;
  margin: 0;
}

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

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

  .ke8f {
    flex-shrink: 0;
  }
}

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

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

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

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

.k2b {
  margin-top: 1rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--color-border-light);
  font-weight: 500;
  color: var(--color-accent);
}

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

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

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

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

.l7b8acf {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.h5c22 {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

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

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

.l7b8acf:hover .pdeb18 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

  .g0d2f586,
  .k91b18,
  .hc10,
  .i8e44 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.i35 {
  background: var(--color-bg-card);
  border-radius: 1rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07), 0 10px 13px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

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

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

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

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

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

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

.e6361 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0.75rem;
}

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

  .ff94a6f3,
  .ma7 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

.b2f54af {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
}

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

  .b08a3a2,
  .b84147ac {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.oc33 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-weight: 600;
}

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

.d0730d {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
}

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

  .b0777,
  .p7e4084c {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.g555de6 {
  flex: 1 1 70%;
  max-width: 70%;
}

.ifa930 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

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

.p51f1fbf {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  margin-top: 1rem;
  font-weight: 600;
}

.p51f1fbf:first-of-type {
  margin-top: 0;
}

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

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

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

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

.cde3cedb {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 700;
  color: var(--color-text-primary);
}

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

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

.p02 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  font-weight: 600;
}

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

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

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

  .ifa930 {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }
}

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

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

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

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

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

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

.k592 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
}

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

  .j5d1e,
  .f7db2618 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.h93cc5 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

.pf3a1 {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  border-radius: 1rem;
}

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

  .l9c,
  .pe4eb2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.i29e6771 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.jaa0a2 {
  max-width: 100%;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-left: 4px solid var(--color-accent);
  border-radius: 0.75rem;
  padding: clamp(1.5rem, 3vw, 2rem);
}

.f39b9 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: center;
  font-weight: 600;
}

.f39b9 i {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
}

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

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

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

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

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

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

.o7fd,
.ac9abc8 {
  display: inline-flex;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  border-radius: 0.5rem;
  font-weight: 600;
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
}

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

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

.ac9abc8 {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
}

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

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

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

.d603a {
  font-size: clamp(1.75rem, 4vw + 1rem, 3rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

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

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

.n3ad4f {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 280px;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.n3ad4f:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}

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

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

.n3ad4f:hover .e473f img {
  transform: scale(1.05);
}

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

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

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

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

.geb5:hover {
  color: var(--color-accent-hover);
  text-decoration: none;
}

.geb5::after {
  content: "→";
  transition: transform 0.3s ease;
}

.n3ad4f:hover .geb5::after {
  transform: translateX(4px);
}

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

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

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

  .j2f63de7 {
    flex-direction: column;
  }

  .o7fd,
  .ac9abc8 {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .i35 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }

  .p5b {
    font-size: 0.8125rem;
  }

  .k7e {
    font-size: 0.75rem;
    gap: 0.25rem;
  }
}

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

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

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

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

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

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

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

.ka08f6f {
  background: var(--color-bg-card);
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease;
}

.ka08f6f:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

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

.labc1 {
  flex: 1 1 45%;
  min-width: 0;
}

.l917 {
  flex: 1 1 55%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 0.75rem;
}

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

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

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

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

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

.m4d i {
  color: var(--color-accent);
  font-size: 1rem;
}

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

  .labc1 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

.n8c {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: 1rem;
}

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

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

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

.k26f6b {
  list-style: none;
  margin-top: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

.g02 {
  flex: 1 1 65%;
  max-width: 65%;
}

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

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

.gdc5 {
  flex: 1 1 35%;
  max-width: 35%;
  position: sticky;
  top: 2rem;
}

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

.a81 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

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

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

  .gdc5 {
    flex: 1 1 100%;
    max-width: 100%;
    position: static;
  }

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

  .k02151,
  .n8c {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.kcdcc5 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.kcdcc5 i {
  color: var(--color-accent);
  font-size: 1.25rem;
}

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

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

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

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

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

.bb53c3 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-secondary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 1rem;
  text-align: center;
  margin-top: clamp(2rem, 4vw, 3rem);
}

.n97 {
  font-size: clamp(1.125rem, 2.5vw, 1.5rem);
  color: white;
  margin-bottom: 0.75rem;
}

.fa921 {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 1.5rem;
}

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

.m3b:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-2px);
  text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .b003a {
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  .md15 {
    gap: 0.25rem;
  }

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

  .pd5b {
    width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .c35af45e {
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: center;
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 4vw, 3rem);
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  }

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

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

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

  .g2516 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
    line-height: 1.6;
    margin-bottom: clamp(1.25rem, 2vw, 1.75rem);
  }

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

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

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

  .m2c25481 {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
  }

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

    .mf4c3,
    .dad5e9 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

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

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

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

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

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

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

  .nd67be7c::before {
    content: "✓";
    color: var(--color-accent);
    font-weight: 700;
    flex-shrink: 0;
  }

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

    .k41f78b,
    .a1a {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

  .ca0f5 {
    flex: 1 1 100%;
  }

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

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

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

    .b598a65 {
      text-align: center;
      margin-top: 0;
    }
  }

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

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

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

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

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

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

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

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

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

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

  .j50ebd {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
  }

  @media (max-width: 768px) {
    .k39,
    .lfa {
      flex-direction: column !important;
    }

    .kbb5cfb,
    .la6 {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

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

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

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

  .eeec9d81 {
    flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    transition: all 0.3s ease;
  }

  .eeec9d81:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  }

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

  .e4305 {
    color: var(--color-text-primary);
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
    margin: 0;
  }

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

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

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

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

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

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

  .i12387 {
    flex-shrink: 0;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
  }

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

  .p16 {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .m21 {
    margin: 0;
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: 700;
  }

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

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

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

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

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

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

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

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

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

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

  .j6f770c8 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

  .n33 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-accent);
    color: #ffffff;
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
    border-radius: 6px;
    font-size: clamp(0.9375rem, 1vw, 1.125rem);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
  }

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

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

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

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

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

  .ie23b9 {
    flex: 0 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
    min-width: 280px;
    background: var(--color-bg-card);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
  }

  .ie23b9:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dc998 {
  text-align: center;
  max-width: 800px;
}

.b3f2 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

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

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

.he37e974 {
  width: 100%;
  max-width: 900px;
  height: auto;
  max-height: 450px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

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

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

.d04a5 {
  max-width: 850px;
}

.o6da3912 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.m4b {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.5rem;
}

.p484dc6 {
  font-size: clamp(0.9375rem, 1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

.p484dc6 p {
  margin-bottom: 1.25rem;
  color: var(--color-text-secondary);
}

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

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

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

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

.ddd2a168 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.oa5 {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.25rem;
}

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

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

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

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

.d459a02 {
  font-size: 2.5rem;
  color: var(--color-primary);
}

.a26baa14 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

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

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

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

.e043fb {
  max-width: 900px;
}

.a74 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.f1f {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.5rem;
}

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

.b46 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: 4px;
}

.ca2 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-primary);
  margin-bottom: 0.5rem;
}

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

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

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

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

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

.ac7e12ea {
  max-width: 800px;
  text-align: center;
}

.fa7773 {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.e6d {
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: 1.3;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.i3a395 {
  font-size: clamp(1.0625rem, 2vw, 1.25rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

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

.n12aff2 p {
  margin-bottom: 0.75rem;
  color: var(--color-text-secondary);
}

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

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

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

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

  .i0cb1d,
  .m4b,
  .oa5,
  .f1f,
  .e6d {
    margin-bottom: 1rem;
  }

  .p05,
  .p484dc6,
  .h205,
  .ge4 {
    font-size: clamp(0.875rem, 1vw, 1rem);
  }
}

@media (max-width: 480px) {
  .cafc5dee,
  .h96f,
  .k29a,
  .hde,
  .b30f8,
  .c7011 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .kf3a,
  .a9934,
  .h31,
  .ldd8,
  .me816 {
    gap: clamp(1.25rem, 3vw, 1.75rem);
  }

  .j97,
  .b46 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .i0cb1d,
  .m4b,
  .oa5,
  .f1f,
  .e6d {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }
}

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

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

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

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

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

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

.g7c828b {
  width: 100%;
  max-width: 300px;
  flex-shrink: 0;
}

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

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

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

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

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

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

  .g7c828b {
    flex: 0 0 35%;
    max-width: 100%;
  }

  .pf8d4 {
    flex: 1 1 65%;
  }
}

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

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

.n2c {
  text-align: center;
}

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

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

.b2ecc38 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.25rem, 3vw, 2rem);
  flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  min-width: 200px;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

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

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

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

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

@media (min-width: 768px) {
  .b2ecc38 {
    flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  }
}

@media (min-width: 1024px) {
  .b2ecc38 {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

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

.n4f01be {
  text-align: center;
}

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

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

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

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

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

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

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

  .le297 {
    grid-column: span 1;
  }

  .le297:nth-child(3) {
    grid-column: span 1;
  }
}

@media (min-width: 1024px) {
  .geb0029c {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(1.25rem, 2.5vw, 2rem);
  }

  .le297 {
    grid-column: span 1;
  }
}

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

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

.e065fae5 {
  text-align: center;
}

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

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

.j590a {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 1.5vw, 1.25rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

.ifc4 {
  text-align: center;
}

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

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

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

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

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

.n27a6 {
  text-align: center;
}

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

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

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

.ac4c {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  min-width: 220px;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

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

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

.mea0 {
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  flex-grow: 1;
}

.cc3d26fa {
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 500;
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: 0.25rem;
}

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

@media (min-width: 768px) {
  .ac4c {
    flex: 1 1 calc(50% - clamp(0.5rem, 1vw, 0.75rem));
  }
}

@media (min-width: 1024px) {
  .ac4c {
    flex: 1 1 calc(25% - clamp(0.75rem, 1.5vw, 1rem));
  }
}

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

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

.i10216bb {
  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover));
  color: var(--color-text-on-accent);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  text-align: center;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.m7b0c20 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: var(--line-height-tight);
}

.f83a14 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  margin: 0;
  line-height: var(--line-height-normal);
  opacity: 0.95;
}

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

.g416ca:hover {
  background: transparent;
  color: var(--color-text-on-accent);
  text-decoration: underline;
}

@media (max-width: 767px) {
  .geb0029c {
    display: flex !important;
    flex-direction: column;
  }
}

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

.ca0 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.pf722533 {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 6vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.e60d6 {
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

.gb43080 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.hb06 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

.hb06:hover {
  border-color: var(--color-border);
  box-shadow: var(--shadow-sm);
}

.j005d {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-fast);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  color: var(--color-text-primary);
  text-align: left;
}

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

.j005d[aria-expanded="true"] {
  background-color: var(--color-primary-light);
}

.ba3f18 {
  flex: 1;
  font-weight: 500;
  line-height: var(--line-height-normal);
}

.pcd88 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: bold;
  transition: transform var(--transition-base);
}

.j005d[aria-expanded="true"] .pcd88 {
  transform: rotate(45deg);
}

.j4f {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base);
}

.c46 {
  margin: 0;
  font-size: clamp(0.875rem, 2vw, 1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
}

@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 500px;
  }
}

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

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

.o15b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.c412 {
  font-size: clamp(0.875rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.m217a44 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 500;
  font-size: var(--font-size-base);
  transition: background-color var(--transition-fast);
  cursor: pointer;
  border: none;
}

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

.m217a44:active {
  background-color: var(--color-accent-dark);
}

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

  .pf722533 {
    font-size: clamp(2rem, 6vw, 2.5rem);
    margin-bottom: var(--spacing-md);
  }

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

  .p5038 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .j005d {
    padding: var(--spacing-xl) var(--spacing-lg);
    font-size: 1rem;
  }

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

  .p9dc6ba8 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o15b {
    font-size: 2rem;
    margin-bottom: var(--spacing-md);
  }

  .c412 {
    font-size: 1.125rem;
    margin-bottom: var(--spacing-xl);
  }
}

@media (min-width: 1024px) {
  .ca0 {
    padding: 4rem var(--spacing-2xl);
  }

  .p5038 {
    padding: 4rem var(--spacing-2xl);
  }

  .p9dc6ba8 {
    padding: 4rem var(--spacing-2xl);
  }

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

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

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

.j82397 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.bfc4b5 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.n9b5c80 {
  font-size: clamp(1rem, 3vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

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

@media (min-width: 1024px) {
  .a1206 {
    padding: 4rem var(--spacing-xl);
  }
}

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

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

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

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

@media (min-width: 1024px) {
  .gc8 {
    padding: 4rem var(--spacing-xl);
  }

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

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

.ie6e1b:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-2px);
}

.ncf81 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  font-size: 1.75rem;
  color: var(--color-primary);
}

.nf5c095d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  line-height: var(--line-height-tight);
}

.k75 {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.idc5 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.idc5 li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: var(--line-height-normal);
}

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

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

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

.o4bd {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.hce1df {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.b59 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--font-size-base);
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.b59:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

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

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

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

@media (min-width: 1024px) {
  .o89 {
    padding: 4rem var(--spacing-xl);
  }
}

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

.lae83 .h5e08a4 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.lae83 .cc59ceb9 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.lae83 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.lae83 .d7a3bca {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.lae83 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.lae83 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.lae83 ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  padding: 0;
}

.lae83 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

.lae83 .df3 {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
}

.lae83 .cb23 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.lae83 .cb23 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.lae83 .cb23 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.lae83 .j57e3258 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
}

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

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

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

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

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

.jd82194c {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.m6a3 {
  width: 100%;
  padding: var(--spacing-lg);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

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

.m6a3 .cc59ceb9 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.e310 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  animation: slideUp 0.6s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.d110045 {
  width: clamp(60px, 12vw, 100px);
  height: clamp(60px, 12vw, 100px);
  margin-bottom: var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out 0.2s both;
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.d110045 svg {
  width: 100%;
  height: 100%;
  stroke: currentColor;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  line-height: var(--line-height-tight);
}

.d4005588 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 600;
  line-height: var(--line-height-normal);
}

.hb3 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-relaxed);
}

.m40cd {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: var(--line-height-relaxed);
}

.l4b072 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base) ease;
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  white-space: nowrap;
}

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

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

.de64:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.de64:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

@media (min-width: 640px) {
  .m6a3 {
    padding: var(--spacing-xl);
  }

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

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

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

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

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

@media (min-width: 768px) {
  .m6a3 {
    padding: var(--spacing-2xl);
  }

  .e310 {
    padding: var(--spacing-3xl);
    border-radius: var(--radius-xl);
  }

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

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

  .d4005588 {
    margin-bottom: var(--spacing-lg);
    font-size: clamp(1rem, 1.5vw, 1.375rem);
  }

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

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

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

  .e310 {
    padding: 4rem var(--spacing-3xl);
  }

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

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

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

  .hb3 {
    font-size: 1.1rem;
    margin-bottom: var(--spacing-md);
  }

  .m40cd {
    font-size: 1rem;
    margin-bottom: var(--spacing-3xl);
  }

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

@media (prefers-reduced-motion: reduce) {
  .e310 {
    animation: none;
  }

  .d110045 {
    animation: none;
  }

  .de64:hover {
    transform: none;
  }

  .de64:active {
    transform: none;
  }
}

.kd383b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g6e {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

.h5e08a4 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.i2c22 {
  margin-bottom: var(--spacing-3xl);
  position: relative;
}

.ld7f0f {
  position: relative;
  display: inline-block;
}

.neb {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 12rem);
  font-weight: 900;
  letter-spacing: -0.02em;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  margin: 0;
  animation: float-error 3s ease-in-out infinite;
}

.o734 {
  position: absolute;
  top: -20px;
  right: -40px;
  width: 120px;
  height: 120px;
  background-color: var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.15;
  animation: pulse-decoration 4s ease-in-out infinite;
}

.o734::before {
  content: '';
  position: absolute;
  top: 30%;
  left: 50%;
  width: 80px;
  height: 80px;
  background-color: var(--color-secondary-light);
  border-radius: 50%;
  transform: translateX(-50%);
  opacity: 0.2;
}

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

.g755c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.j24a {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.d120f {
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.l4b072 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-family: var(--font-primary);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.3px;
}

.de64 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

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

.j23e {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin-top: var(--spacing-2xl);
}

.kbd9c {
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-normal);
}

.m8e820 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m8e820 li {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  padding-left: var(--spacing-md);
  position: relative;
}

.m8e820 li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--color-primary);
  font-weight: 600;
}

@keyframes float-error {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes pulse-decoration {
  0%, 100% {
    transform: scale(1);
    opacity: 0.15;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.25;
  }
}

@media (min-width: 640px) {
  .g6e {
    padding: var(--spacing-xl) var(--spacing-md);
  }

  .neb {
    font-size: clamp(6rem, 20vw, 12rem);
  }

  .g755c {
    font-size: clamp(2rem, 6vw, 2.75rem);
    margin-bottom: var(--spacing-lg);
  }

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

  .m8e820 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-lg);
  }

  .m8e820 li {
    padding-left: var(--spacing-md);
    flex: 0 1 auto;
  }
}

@media (min-width: 768px) {
  .g6e {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

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

  .j24a {
    font-size: clamp(1.1rem, 2.5vw, 1.35rem);
    margin-bottom: var(--spacing-lg);
  }

  .d120f {
    font-size: clamp(0.95rem, 1.8vw, 1.15rem);
  }
}

@media (min-width: 1024px) {
  .g6e {
    padding: var(--spacing-3xl) var(--spacing-md);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .neb {
    font-size: clamp(8rem, 25vw, 12rem);
  }

  .g755c {
    font-size: clamp(2.2rem, 7vw, 2.75rem);
  }

  .ed68dbf {
    margin: var(--spacing-3xl) 0 var(--spacing-3xl);
  }

  .l4b072 {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  }

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

  .kbd9c {
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
    margin-bottom: var(--spacing-lg);
  }

  .m8e820 li {
    font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  }
}

@media (min-width: 1440px) {
  .h5e08a4 {
    padding: 0 var(--spacing-2xl);
  }

  .neb {
    font-size: 12rem;
  }

  .g755c {
    font-size: 2.75rem;
  }

  .j24a {
    font-size: 1.35rem;
  }

  .d120f {
    font-size: 1.15rem;
  }
}

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

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

.fa331fc {
  text-align: center;
}

.la5a66e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: -0.5px;
}

.f70767 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

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

.ic0e6 {
  width: 100%;
}

.k19 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 4rem);
  width: 100%;
}

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

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

.oca5 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.f9c88e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.e39644 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  width: 100%;
}

.i6a8 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.f1deae,
.n4f2cc {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  padding: var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  width: 100%;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.f1deae::placeholder,
.n4f2cc::placeholder {
  color: var(--color-text-muted);
}

.f1deae:focus,
.n4f2cc:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.n4f2cc {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

.a1c {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.pf01c57 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  text-align: center;
}

.n801b {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.ocfbd {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.c1b10b {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-lg);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

.ndcc74 {
  flex: 1;
}

.paffd03 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
}

.h390e {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: var(--line-height-normal);
}

.n12 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.p84 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.l7ff7 {
  background-color: var(--color-primary-light);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.e77 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
}

.jb3d2 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

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

.h8f87 {
  text-align: center;
}

.be3e4b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.de48 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.fef7c7 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

@media (min-width: 768px) {
  .k19 {
    gap: clamp(3rem, 8vw, 5rem);
  }

  .dcc37f {
    flex: 1 1 45%;
    max-width: 550px;
  }

  .e418 {
    flex: 1 1 45%;
    max-width: 550px;
  }

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

@media (min-width: 1024px) {
  .k19 {
    gap: clamp(4rem, 10vw, 6rem);
  }

  .dcc37f {
    flex: 1 1 50%;
  }

  .e418 {
    flex: 1 1 50%;
  }
}

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.lba2,.odd04d{width:34px;}
.lba2[aria-expanded="true"]{display:none;}
.f71e3c.n15a7{z-index:999;}
.f71e3c{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.f71e3c{max-width:100%;}}
.h8453{justify-content:flex-end;}