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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f8fafc;
  --color-bg-tertiary: #f1f5f9;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e293b;
  --color-text-secondary: #5f6e84;
  --color-text-muted: #677280;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-light: #dbeafe;
  --color-primary-lighter: #eff6ff;

  --color-secondary: #0ea5e9;
  --color-secondary-light: #cffafe;
  --color-secondary-lighter: #ecf9ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-success-lighter: #ecfdf5;

  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-warning-lighter: #fffbeb;

  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;
  --color-danger-lighter: #fef2f2;

  --color-border: #e2e8f0;
  --color-border-light: #f1f5f9;

  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Sora', sans-serif;

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

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

  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --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);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

p {
  color: var(--color-text-secondary);
  line-height: 1.75;
}

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

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

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

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

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

input, textarea, select {
  padding: var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  background: var(--color-bg-card);
  color: var(--color-text-primary);
  font-size: 1rem;
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

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

textarea {
  resize: vertical;
  min-height: 120px;
}

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

.od9ae0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-lg);
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  text-decoration: none;
  user-select: none;
}

.i84f3248 {
  background: var(--color-primary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

.i84f3248:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-md);
}

.i84f3248:active {
  box-shadow: var(--shadow-xs);
  transform: scale(0.98);
}

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

.bb0aca {
  background: var(--color-secondary);
  color: #ffffff;
  box-shadow: var(--shadow-sm);
}

.bb0aca:hover {
  background: #0284c7;
  box-shadow: var(--shadow-md);
}

.bb0aca:active {
  box-shadow: var(--shadow-xs);
  transform: scale(0.98);
}

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

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

.bb367ee {
  background: transparent;
  color: var(--color-primary);
  border: none;
}

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

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

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

.j21 {
  width: 100%;
}

.od9ae0:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

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

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

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

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

.b82a2 {
  display: inline-flex;
  align-items: center;
  padding: var(--spacing-xs) var(--spacing-md);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

.bbd1 {
  text-align: center;
}

.m75 {
  text-align: right;
}

.bba1d3e2 {
  text-align: left;
}

.adb15 {
  display: flex;
}

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

.f3d4c2ab {
  flex-wrap: wrap;
}

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

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

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

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

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

.p9811 {
  align-items: center;
}

.i60bc60 {
  align-items: flex-start;
}

.b5fb98b {
  align-items: flex-end;
}

.caa {
  justify-content: center;
}

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

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

.n2d93 {
  justify-content: flex-end;
}

.j54f190c {
  display: grid;
}

.a0f {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ba9 {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l1b {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.fbfb96 {
  width: 100%;
}

.a1a8d7 {
  width: auto;
}

.f75d2 {
  height: 100%;
}

.h7cd {
  height: auto;
}

.c6fa {
  min-height: 100vh;
}

.eda597e {
  max-width: 24rem;
}

.bb6ccc6 {
  max-width: 28rem;
}

.l1bef27 {
  max-width: 32rem;
}

.l5f {
  max-width: 36rem;
}

.l1f {
  max-width: 42rem;
}

.obea {
  max-width: 48rem;
}

.obc4 {
  max-width: 56rem;
}

.f373a3f2 {
  max-width: 64rem;
}

.lb3 {
  max-width: 72rem;
}

.p7a {
  opacity: 0.5;
}

.n866 {
  opacity: 0.75;
}

.e13c7e87 {
  opacity: 1;
}

.i90 {
  font-weight: 300;
}

.mc5d99e {
  font-weight: 400;
}

.pe5d {
  font-weight: 500;
}

.i7ddb {
  font-weight: 600;
}

.f191b6a {
  font-weight: 700;
}

.la2 {
  font-size: 0.75rem;
  line-height: 1rem;
}

.ecb8b1 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.e060df {
  font-size: 1rem;
  line-height: 1.5rem;
}

.i9c843 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.g831683 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.ne6 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.c624d {
  line-height: 1.25;
}

.b31 {
  line-height: 1.5;
}

.b3f9 {
  line-height: 1.75;
}

.h4d10 {
  line-height: 2;
}

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

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

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

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

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

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

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

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

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

.l30 {
  cursor: pointer;
}

.j9f9208 {
  cursor: default;
}

.k2a2181c {
  user-select: none;
}

.pb7e7c {
  user-select: text;
}

.cec {
  pointer-events: none;
}

.ec56 {
  pointer-events: auto;
}

.pb1b {
  display: block;
}

.o7811 {
  display: inline-block;
}

.j7bf5a92 {
  display: inline;
}

.d36 {
  display: none;
}

.oc572d {
  overflow: hidden;
}

.o2e6 {
  overflow: auto;
}

.h214 {
  overflow-x: auto;
}

.c660 {
  overflow-y: auto;
}

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .d0b {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .pca {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

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

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .kb6f7a {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.n5e2bb36 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  width: 100%;
  z-index: 100;
  top: 0;
}

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

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

.nfe76:hover {
  opacity: 0.85;
}

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

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

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

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

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

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

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

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

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

.kfb:hover {
  opacity: 0.7;
}

.k2e6a {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 280px;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all 0.3s ease;
  z-index: 999;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.1);
  border-left: 1px solid var(--color-border-light);
}

.k2e6a.d3a391 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.j767d7 {
  padding: 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  justify-content: flex-end;
}

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

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

.g5147 {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  padding: 1rem 0;
  overflow-y: auto;
}

.h38b16 {
  padding: 1rem 1.5rem;
  color: var(--color-text-secondary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  transition: all var(--transition-base);
  border-left: 3px solid transparent;
}

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

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

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

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

  .n58b04 {
    display: block;
  }

  .kfb {
    display: none;
  }

  .k2e6a {
    display: none;
  }
}

@media (max-width: 767px) {
  .k76 {
    font-size: clamp(1rem, 1.5vw, 1.25rem);
  }
}

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

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

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

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

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

.p5882a4 {
  text-align: center;
}

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

.n26 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.oac0dd,
.id6 {
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

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

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

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

.l55018 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 3vw, 2rem);
  align-items: start;
}

.p85d8e {
  grid-column: 1;
  grid-row: 1 / 3;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.p85d8e img {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  display: block;
}

.f8c587 {
  grid-column: 2;
  grid-row: 1;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.f8c587 img {
  width: 100%;
  height: auto;
  max-height: 240px;
  object-fit: cover;
  display: block;
}

.o4b {
  grid-column: 2;
  grid-row: 2;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.o4b img {
  width: 100%;
  height: auto;
  max-height: 240px;
  object-fit: cover;
  display: block;
}

@media (max-width: 768px) {
  .l55018 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .p85d8e,
  .f8c587,
  .o4b {
    grid-column: 1;
    grid-row: auto;
  }

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

  .f8c587 img,
  .o4b img {
    max-height: 200px;
  }
}

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

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

.d65cb64 {
  text-align: center;
}

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

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

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

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

.cfe8dc {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.g1f {
  flex: 1 1 45%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.g1f img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
}

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

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

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

  .cfe8dc,
  .g1f {
    flex: 1 1 100%;
  }

  .g1f img {
    max-height: 250px;
  }
}

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

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

.gd600a {
  text-align: center;
}

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

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

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

.l98df04f {
  flex: 1 1 280px;
  max-width: 380px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.l98df04f:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.1);
}

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

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

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

.d93dc {
  color: var(--color-accent);
  font-size: 1rem;
  transition: transform 0.3s ease;
}

.l98df04f:hover .d93dc {
  transform: translateX(4px);
}

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

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

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

.o7e {
  text-align: center;
}

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

.m12 {
  max-width: 700px;
  width: 100%;
}

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

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

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

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

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

.f719757a {
  text-align: center;
}

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

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

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

.l3e {
  flex: 1 1 300px;
  max-width: 450px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  border: 1px solid var(--color-border-light);
}

.h9dbe2 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
  font-weight: 700;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
}

.h9dbe2 i {
  font-size: 1.5rem;
}

.l3e:first-child .h9dbe2 {
  color: var(--color-danger);
}

.l3e:first-child .h9dbe2 i {
  color: var(--color-danger);
}

.l3e:last-child .h9dbe2 {
  color: var(--color-success);
}

.l3e:last-child .h9dbe2 i {
  color: var(--color-success);
}

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

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

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

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

.kde {
  text-align: center;
}

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

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

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

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

.e9ab34 {
  font-size: 2.5rem;
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

.ne5c6ca {
  text-align: center;
}

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

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

.o3336b4e {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
}

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

.e1b73209:last-of-type {
  margin-bottom: 2rem;
}

.e1b73209 strong {
  color: var(--color-text-primary);
  font-weight: 700;
}

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

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

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

.j5c43fa4 {
  text-align: center;
}

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

.f54ce14c {
  background: var(--color-accent-light);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 5vw, 3rem);
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.df62 {
  margin-bottom: 2rem;
}

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

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

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

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

.na76 {
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  margin: 0;
}

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

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

.neeb {
  text-align: center;
}

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

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

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

.b252 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.b252:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.12);
}

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

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

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

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

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

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

.b252:hover .i02e256 {
  gap: 0.75rem;
}

.c61380f {
  text-align: center;
}

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

.n84f {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #1e293b;
  padding: clamp(1rem, 3vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 3vw, 2rem);
  overflow: hidden;
}

.n84f.d36 {
  display: none;
}

.p3249 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  max-width: 600px;
  flex: 1 1 auto;
}

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

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

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

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

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

.h9e98:hover {
  border-color: #ffffff;
  background: rgba(255, 255, 255, 0.05);
}

@media (max-width: 640px) {
  .n84f {
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }

  .p3249 {
    order: 1;
    flex: 1 1 100%;
  }

  .f899f4e5 {
    order: 2;
    flex: 1 1 100%;
    justify-content: space-between;
  }

  .d752,
  .h9e98 {
    flex: 1 1 45%;
  }
}

@media (max-width: 480px) {
  .j00d5 {
    padding: 2rem 0;
  }

  .hd61,
  .o92fed,
  .b9b7,
  .a624f9,
  .i32b680,
  .n05da0,
  .ad851,
  .o93f95d5 {
    padding: 2rem 0;
  }

  .l98df04f {
    flex: 1 1 100%;
  }

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

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

  .f54ce14c {
    padding: 1.5rem;
  }
}

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

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

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

.i69 {
  max-width: 480px;
}

.i69 h3,
.de324b h3,
.i5ba32af h3,
.a9ed2f0 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.de324b,
.a9ed2f0 {
  display: flex;
  flex-direction: column;
}

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

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

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

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

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

.i5ba32af p + p {
  margin-top: 0.5rem;
}

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

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

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

@media (min-width: 768px) {
  .g3765 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: clamp(2rem, 5vw, 3rem);
  }

  .i69 {
    grid-column: 1 / 2;
  }

  .de324b {
    grid-column: 2 / 3;
  }

  .i5ba32af {
    grid-column: 3 / 4;
  }

  .a9ed2f0 {
    grid-column: 4 / 5;
  }

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

  .l05,
  .ne2ccc2 {
    flex-direction: column;
  }
}

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

  .l05,
  .ne2ccc2 {
    flex-direction: column;
    gap: 0.75rem;
  }

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

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

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

.k5e {
  background: var(--color-bg-secondary);
  padding: clamp(4rem, 8vw, 7rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

.f89b76 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  flex: 1 1 clamp(300px, 45vw, 400px);
 
}

.n474 {
  flex: 1 1 clamp(300px, 100%, 600px);
}

.db984 {
  flex: 1 1 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: var(--radius-lg);
}

.db984 .n51711 {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.db984 .o9493330 {
  grid-column: 2;
  grid-row: 1;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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

.p5fa280e {
  font-size: clamp(1.1rem, 2.5vw, 1.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.de1a {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-text-muted);
}

.m32926f1,
.f0b9f,
.id4e27 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.m32926f1 i,
.f0b9f i,
.id4e27 i {
  color: var(--color-accent);
}

.pb7956 {
  align-self: flex-start;
  display: inline-block;
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  border-bottom: 2px solid transparent;
  padding-bottom: 0.25rem;
}

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

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

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

  .db984 .n51711 {
    width: 50%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .db984 .o9493330 {
    width: 50%;
    padding: clamp(2rem, 4vw, 3rem);
  }
}

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

  .db984 .n51711 {
    width: 100%;
  }

  .db984 .o9493330 {
    width: 100%;
  }
}

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

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

.lb1f6b40 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-md);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-sm);
}

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

.a87613 {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o6d84bc {
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.o8ab {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(2.5rem, 5vw, 4rem);
  text-align: center;
  max-width: 700px;
  position: relative;
}

.m9c63e {
  font-size: clamp(3rem, 8vw, 5rem);
  color: var(--color-accent);
  font-family: Georgia, serif;
  line-height: 1;
  display: block;
  margin-bottom: clamp(0.5rem, 2vw, 1rem);
}

.na28 {
  font-size: clamp(1rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-family: Georgia, serif;
  line-height: 1.8;
  font-style: italic;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.nfc28dfa {
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  font-weight: 600;
  letter-spacing: 0.05em;
  display: block;
}

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

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

  .f89b76 {
    flex: 1 1 100%;
  }

  .n474 {
    flex: 1 1 100%;
  }

  .db984 {
    flex: 1 1 100%;
    flex-direction: column;
  }
}

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

  .n474 {
    flex: 1 1 100%;
  }

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

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

  .n474 {
    grid-column: span 6;
    grid-row: span 2;
  }

  .f89b76:nth-child(2) {
    grid-column: span 3;
  }

  .f89b76:nth-child(3) {
    grid-column: span 3;
  }

  .db984 {
    grid-column: span 12;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .db984 .n51711 {
    grid-column: 1;
    width: 100%;
  }

  .db984 .o9493330 {
    grid-column: 2;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

.l8121a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.15;
  z-index: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ce6cf {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

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

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

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

.jc1a34 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

.a69255 {
  font-size: clamp(2.5rem, 8vw, 4rem);
  color: var(--color-accent-light);
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

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

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

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

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

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

  .i6c6bac,
  .pb453 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.lb2b2 {
  background: linear-gradient(135deg, var(--color-accent-light) 0%, #e0f2fe 100%);
  border-left: 4px solid var(--color-accent);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

.n8605:first-child {
  margin-top: 0;
}

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

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

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

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

  .oeddec,
  .b705 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .c051,
  .c32 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.ic2e9810 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.j6e106 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}

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

.m7a55eb {
  display: flex;
  flex-direction: column;
  gap: 0;
  color: inherit;
  text-decoration: none;
}

.m7a55eb:hover {
  text-decoration: none;
}

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

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

.j6e106:hover .md399a82 {
  transform: scale(1.05);
}

.pf138 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 700;
  padding: clamp(1rem, 2vw, 1.5rem);
  padding-bottom: 0.5rem;
  line-height: 1.4;
}

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

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

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

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

  .d80f2 {
    font-size: 0.75rem;
  }

  .m3c832 {
    flex: 1 1 100%;
  }

  .ca62 {
    font-size: 0.75rem;
  }
}

* {
  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);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  margin-bottom: 1rem;
}

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

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

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

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

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

.e977778 {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.g7163 a {
  color: var(--color-accent);
  font-weight: 500;
}

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

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

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

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

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

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

.kae {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  flex-wrap: wrap;
}

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

.keeb8633::before {
  content: '';
  color: var(--color-accent);
  font-weight: bold;
}

.keeb8633:first-child::before {
  content: '';
}

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

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

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

  .f2fdaf8,
  .ab75f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

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

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

  .e26,
  .f162f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.o99c8 {
  font-size: clamp(3rem, 8vw, 5rem);
  font-weight: 800;
  color: var(--color-accent);
  opacity: 0.15;
  position: absolute;
  top: -1rem;
  left: clamp(1rem, 4vw, 3rem);
  font-family: var(--font-heading);
  line-height: 1;
}

.g10e4606 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

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

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

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

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

  .o99c8 {
    font-size: 3rem;
    top: 0;
    left: 0;
  }

  .g10e4606,
  .dd29d6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.nf5fe6 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
}

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

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

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

  .p9b3,
  .nf5fe6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.ce9ab {
  background: var(--color-warning-light);
  padding: clamp(2rem, 4vw, 3rem) 0;
  overflow: hidden;
  border-left: 4px solid var(--color-warning);
}

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

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

.def {
  flex: 1;
}

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

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

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

  .ief03a0 {
    margin-top: 0;
  }
}

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

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

.lc18 {
  flex: 1 1 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

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

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

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

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

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

  .lc18,
  .fae25548 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n7c34 {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
}

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

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

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

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

.g3ac52 {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.i8482b:hover .lae60 img {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 480px) {
  .e977778 {
    padding: 1.5rem 0;
  }

  .g7163 {
    margin-bottom: 1rem;
  }

  .nddf539,
  .hd8,
  .da4cef9a,
  .l24f,
  .idcd,
  .l0bf1,
  .aae0,
  .m120f {
    padding: 2rem 0;
  }

  .k0109 {
    gap: 1rem;
  }

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

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

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

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

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

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

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

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

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

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

.of593a41 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background: var(--color-bg-tertiary);
  overflow: hidden;
}

.c5da {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}

.a558e {
  position: relative;
  z-index: 2;
  width: 100%;
  padding: clamp(2rem, 4vw, 3rem) 0;
}

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

.p6fcad15 a {
  color: var(--color-accent);
  font-weight: 500;
}

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

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

.ca4e8 {
  max-width: 800px;
}

.e47 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.ed99d9 {
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.k9ea7c6 {
  text-align: center;
}

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

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

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

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

.e12aeb {
  font-size: clamp(2.5rem, 6vw, 4rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  flex-shrink: 0;
  min-width: clamp(4rem, 10vw, 5.5rem);
  line-height: 1;
}

.h8702 {
  flex: 1;
  padding-top: clamp(0.5rem, 1vw, 1rem);
}

.n8ce9 {
  font-size: clamp(1.125rem, 2vw + 0.25rem, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

.pabcb {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  font-weight: 600;
}

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

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

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

.hbf26de {
  text-align: center;
}

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

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

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

.d06e3 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  text-align: center;
  transition: all 0.3s ease;
}

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

.c391b {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-danger);
  margin-bottom: 1rem;
}

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

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

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

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

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

.n97cad3 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o80 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  box-shadow: var(--shadow-md);
}

.j8e0ab {
  flex: 1;
  padding-top: 0.5rem;
}

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

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

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

.ob5 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-accent);
  margin-bottom: 0.75rem;
  font-weight: 500;
}

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

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

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

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

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

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

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

.k65a {
  overflow: hidden;
  border-radius: var(--radius-md);
  height: 180px;
}

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

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

.o5ed3 {
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.5;
}

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

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

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

@media (max-width: 768px) {
  .g125,
  .m2c,
  .hf3e3b4 {
    flex-direction: column;
  }

  .m523,
  .m96c91,
  .e374,
  .o65,
  .hfcf3059,
  .f66df8 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .e12aeb {
    min-width: auto;
  }

  .d06e3 {
    flex: 1 1 100%;
  }

  .l47 {
    flex: 1 1 100%;
  }

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

  .o80 {
    margin: 0 auto;
  }

  .o39 {
    flex-direction: column;
  }

  .o700 {
    margin: 0 auto;
  }

  .n97cad3 {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .of593a41 {
    min-height: 300px;
  }

  .p6fcad15 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  .j507,
  .n6e6f851 {
    gap: 1rem;
  }

  .d06e3,
  .l47 {
    flex: 1 1 100%;
  }
}

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

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

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

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

html, body, h1, h2, h3, h4, h5, h6, p, span, a, li, div, section {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.f7159 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.m680 i {
  color: var(--color-accent);
  font-size: 1.1em;
}

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

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

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

  .kae0acd2,
  .j592a2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ca2ca5 {
    max-height: 350px;
  }
}

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

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

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

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

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

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

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

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

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

  .f16f,
  .m4b {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

.f635 {
  flex: 1;
}

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

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

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

  .b281 {
    margin-top: 0;
  }
}

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

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

.o2d81 {
  flex-shrink: 0;
  color: var(--color-accent);
  font-size: clamp(2.5rem, 8vw, 5rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1;
  opacity: 0.15;
  position: absolute;
  left: clamp(0rem, 3vw, 2rem);
  top: 0;
  z-index: 0;
}

.pbc3 {
  flex: 1 1 55%;
  max-width: 55%;
  position: relative;
  z-index: 1;
}

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

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

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

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

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

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

  .o2d81 {
    position: static;
    opacity: 0.1;
    margin-bottom: -2rem;
    z-index: 0;
  }

  .pbc3,
  .gfc4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

.lfc9774f .gfc4 {
  flex: 1 1 45%;
  max-width: 45%;
  order: -1;
}

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

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

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

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

.b03d92f5 .pbc3 {
  flex: 1 1 55%;
  max-width: 55%;
  position: relative;
  z-index: 1;
}

.b03d92f5 .o2d81 {
  position: absolute;
  right: clamp(0rem, 3vw, 2rem);
  top: 0;
  z-index: 0;
}

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

  .lfc9774f .gfc4,
  .b03d92f5 .gfc4 {
    order: 0;
    flex: 1 1 100%;
    max-width: 100%;
  }

  .lfc9774f .pbc3,
  .b03d92f5 .pbc3 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .b03d92f5 .o2d81 {
    position: static;
    opacity: 0.1;
    margin-bottom: -2rem;
    z-index: 0;
  }
}

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

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

.o49add90 {
  text-align: center;
}

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

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

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

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

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

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

.l4b {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

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

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

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

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

.of8b6 {
  max-width: 100%;
}

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

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

.m7419:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

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

.e14e {
  color: var(--color-text-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

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

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

.db041c {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  box-shadow: var(--shadow-md);
}

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

.p9f55 {
  margin: 0;
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nde:hover .ed7ac {
  transform: scale(1.05);
}

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

.p972 {
  margin: 0;
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

  .n0a7 {
    height: 180px;
  }
}

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

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

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

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

.od9ae0 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}

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

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

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

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

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

.n4092c7 {
  text-align: center;
}

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

.kbe24bb1 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: 500;
}

.o21 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

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

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

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

.g6f2 {
  flex: 1 1 50%;
}

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

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

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

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

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

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

  .g6f2 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

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

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

.b0a65:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.08);
  border-color: var(--color-primary);
}

.ea3ba {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  color: var(--color-primary);
  width: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

.o0c44f {
  flex: 1;
  padding-top: 0.5rem;
}

.af1371cb {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-primary);
  font-weight: 700;
  margin-bottom: 0.25rem;
}

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

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

@media (max-width: 768px) {
  .n35868a3 {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

.hbce {
  flex: 1 1 calc(50% - 1rem);
  min-width: 240px;
  padding: clamp(1.5rem, 2vw, 2rem);
  border-left: 4px solid var(--color-primary);
  background: var(--color-bg-tertiary);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .c083 {
    padding: 2rem 0;
  }

  .j7cbbc,
  .d11,
  .b08b72,
  .k4f8adf4 {
    padding: 2rem 0;
  }

  .c644423f {
    margin-bottom: 0.75rem;
  }

  .e1789aa7,
  .d22b,
  .c5f50eee,
  .c15 {
    margin-bottom: 1rem;
  }
}

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

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

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

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

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

.la81c5 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--font-primary);
}

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

.dd94 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  line-height: 1.6;
  font-family: var(--font-primary);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.o90 {
  flex: 1 1 clamp(280px, 45%, 550px);
  min-height: 300px;
  max-height: 450px;
}

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

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

  .d0f1b759 {
    flex: 1 1 100%;
  }

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

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

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

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

.me98 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--font-primary);
}

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

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

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

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

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

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

.kc3 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--font-primary);
}

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

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

.m5680c0 {
  display: flex;
  flex-direction: column;
  gap: clamp(2rem, 3vw, 3rem);
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
}

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

.ccb58f {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  font-family: var(--font-heading);
  flex-shrink: 0;
  min-width: clamp(60px, 10vw, 100px);
  line-height: 1;
}

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

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

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

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

  .ccb58f {
    min-width: auto;
  }
}

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

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

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

.f97e3 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: var(--font-primary);
}

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

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

.f83 {
  flex: 1 1 clamp(280px, 45%, 450px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
}

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

.ef5ad7 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(50px, 8vw, 70px);
  height: clamp(50px, 8vw, 70px);
  border-radius: var(--radius-md);
  background: var(--color-primary-light);
}

.ib9 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.c10dbd4b {
  flex: 1 1 clamp(250px, 45%, 350px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.jc3944 {
  color: var(--color-text-primary);
  font-size: clamp(1.025rem, 1.75vw, 1.25rem);
  font-weight: 700;
  font-family: var(--font-heading);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kd9dc {
  display: flex;
  flex-direction: column;
  gap: 0;
  max-width: 700px;
  margin: 0 auto;
}

.o9f05a5 {
  background: var(--color-bg-card);
  padding: clamp(2.5rem, 5vw, 4rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
}

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

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

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

.e68d9e3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.fd16b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw + 0.25rem, 1rem);
  font-weight: 600;
  font-family: var(--font-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .e68d9e3,
  .fd16b {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .j52b1e7 {
  }

  .f83 {
    flex: 1 1 clamp(280px, 48%, 450px);
  }

  .c10dbd4b {
    flex: 1 1 clamp(250px, 48%, 350px);
  }
}

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

  .de7c {
    padding: 6rem 0;
  }

  .pfb72cf {
    padding: 6rem 0;
  }

  .i5ee {
    padding: 6rem 0;
  }

  .kf27b {
    padding: 6rem 0;
  }

  .a9f58a {
    padding: 6rem 0;
  }
}

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

.i67 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.k248ef {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .i67 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .k248ef {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .i67 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

.of5c1977 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.e31 {
  max-width: 1200px;
  margin: 0 auto;
}

.f2487 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .f2487 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
  }
  
  .of5c1977 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .f2487 {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .of5c1977 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

.aa1 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

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

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

.fd1d682 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

.ie1ab6f4 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: var(--spacing-xs) var(--spacing-sm);
  background-color: var(--color-primary-lighter);
  color: var(--color-primary-dark);
  border-radius: var(--radius-sm);
}

.c2e6ae {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 3vw, 1.4rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.f15a4 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .fd1d682 {
    padding: var(--spacing-xl);
  }
}

.g737f354 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

.n9b {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.n1e8357 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.heb62f {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base);
  border: none;
  cursor: pointer;
  letter-spacing: 0.02em;
}

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

.heb62f:focus {
  outline: 2px solid var(--color-primary-dark);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .g737f354 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
  
  .n9b {
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .g737f354 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

.c697c {
  width: 100%;
}

.p73 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.n590d0 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .p73 {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .p73 {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }
}

.dcbde {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
}

.dad64fbb {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .dad64fbb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .dad64fbb {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
    padding: 0 var(--spacing-xl);
  }

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

.k5003 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.m9d {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.fd6d9944 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: 1.4;
}

.j3e53d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .k5003 {
    padding: var(--spacing-xl);
  }

  .m9d {
    font-size: 3rem;
    margin-bottom: var(--spacing-lg);
  }
}

.n0eb9b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-4xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.oad33 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.m6091 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.7;
}

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

.b39ffc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  border: 2px solid transparent;
  min-width: 200px;
}

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

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

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

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

@media (min-width: 768px) {
  .n0eb9b {
    padding: var(--spacing-5xl) var(--spacing-lg);
  }

  .d7514fc {
    flex-direction: row;
    gap: var(--spacing-lg);
  }

  .b39ffc {
    min-width: 220px;
  }
}

@media (min-width: 1024px) {
  .n0eb9b {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }

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

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

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

.hc2a5c .nca183 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.hc2a5c .fd02af {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.hc2a5c h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.hc2a5c .b7391 {
  color: var(--color-text-secondary);
  font-size: clamp(0.85rem, 1vw, 0.95rem);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.hc2a5c h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.hc2a5c p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.hc2a5c ul {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.hc2a5c li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

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

.hc2a5c .d3ae93b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.hc2a5c .d3ae93b h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

.hc2a5c .d3ae93b p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.hc2a5c .j24c00 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.hc2a5c .kb9bd3 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

.hc2a5c .kb9bd3 strong {
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 100px;
}

@media (min-width: 768px) {
  .hc2a5c .fd02af {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hc2a5c .fd02af {
    padding: var(--spacing-5xl) var(--spacing-xl);
  }
}

.e543 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}

.f7de2 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

.fd02af {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.a340309d {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.bf4 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-lighter);
  border-radius: var(--radius-full);
  color: var(--color-success);
  animation: scaleIn 0.6s ease-out;
}

.bf4 svg {
  width: 48px;
  height: 48px;
  stroke-width: 2;
}

@keyframes scaleIn {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.a340309d h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.a4d779f3 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  color: var(--color-primary);
  font-weight: 500;
  margin: 0;
  line-height: 1.6;
  letter-spacing: -0.3px;
}

.b7fe66d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.8;
  letter-spacing: -0.2px;
  max-width: 700px;
  margin: 0 auto;
}

.gcc6af {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 100%;
  margin: var(--spacing-xl) 0;
}

.i79f55 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-md);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-success);
  transition: all var(--transition-base);
}

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

.o5e6e24c {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  background-color: var(--color-success-light);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 1.1rem;
}

.i79f55 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.6;
  text-align: left;
  letter-spacing: -0.2px;
}

.od9ae0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  letter-spacing: -0.3px;
  min-height: 48px;
}

.i84f3248 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.i84f3248:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@media (min-width: 640px) {
  .f7de2 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .bf4 svg {
    width: 56px;
    height: 56px;
  }

  .gcc6af {
    flex-direction: row;
    gap: var(--spacing-lg);
    margin: var(--spacing-2xl) 0;
  }

  .i79f55 {
    flex: 1;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-left: none;
    border-top: 4px solid var(--color-success);
  }

  .i79f55:hover {
    transform: translateY(-4px);
  }

  .i79f55 p {
    text-align: center;
  }
}

@media (min-width: 768px) {
  .f7de2 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

@media (min-width: 1024px) {
  .f7de2 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

  .gcc6af {
    margin: var(--spacing-3xl) 0;
  }
}

.a5a7db5 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) 0;
  overflow: hidden;
}

.h1f6bc84 {
  width: 100%;
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .h1f6bc84 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .h1f6bc84 {
    padding: var(--spacing-5xl) var(--spacing-2xl);
  }
}

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

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

@media (min-width: 1024px) {
  .nca183 {
    padding: 0 var(--spacing-2xl);
  }
}

.fd02af {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ka4 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ka4 {
    gap: var(--spacing-3xl);
  }
}

.ned2 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: var(--spacing-lg);
}

.n92f {
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  background: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: var(--font-heading);
  letter-spacing: -0.02em;
  line-height: 1;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

.g2f {
  position: absolute;
  width: clamp(150px, 40vw, 300px);
  height: clamp(150px, 40vw, 300px);
  border-radius: var(--radius-full);
  border: 3px solid var(--color-primary-light);
  opacity: 0.3;
  animation: spin 8s linear infinite;
  pointer-events: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.g78 {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
  line-height: 1.2;
}

.e286 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: var(--spacing-md) 0 0 0;
  line-height: 1.5;
}

.e24681b {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: var(--spacing-lg) 0 0 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ia04c {
  margin-top: var(--spacing-2xl);
  display: flex;
  justify-content: center;
}

@media (min-width: 768px) {
  .ia04c {
    margin-top: var(--spacing-3xl);
  }
}

.od9ae0 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  border: none;
  cursor: pointer;
  white-space: nowrap;
}

.i84f3248 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.i84f3248:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.md037 {
  padding: var(--spacing-sm) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  min-height: 48px;
}

@media (min-width: 768px) {
  .md037 {
    padding: var(--spacing-md) var(--spacing-3xl);
  }
}

.ca77c74d {
  margin-top: var(--spacing-2xl);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

@media (min-width: 768px) {
  .ca77c74d {
    margin-top: var(--spacing-3xl);
    padding: var(--spacing-xl);
  }
}

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

@media (max-width: 640px) {
  @keyframes float {
    0%, 100% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-10px);
    }
  }
  
  .g2f {
    display: none;
  }
}

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

.k67 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 1rem;
  overflow: hidden;
}

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

.ae93028 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.5px;
}

.e3c31 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: 1.7;
  max-width: 600px;
  margin: 0 auto;
}

.m1502f5 {
  background-color: var(--color-bg-primary);
  padding: 2.5rem 1rem;
  overflow: hidden;
}

.d8c6b11c {
  width: 100%;
}

.e2a {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  align-items: flex-start;
}

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

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

.d9167ed5 {
  margin-bottom: 2rem;
}

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

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

.l3f7e {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.b3194 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.fa77 {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 1vw + 0.5rem, 0.95rem);
  font-weight: 600;
}

.b1836a,
.fa4f84f3 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  transition: all var(--transition-base);
  box-sizing: border-box;
}

.b1836a::placeholder,
.fa4f84f3::placeholder {
  color: var(--color-text-muted);
}

.b1836a:focus,
.fa4f84f3:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}

.fa4f84f3 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.f31b6e9 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: none;
}

.f31b6e9:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

.g53 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 1vw + 0.5rem, 0.9rem);
  line-height: 1.5;
}

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

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

.a9f78 {
  margin-bottom: 2rem;
}

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

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

.k90 {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  margin-bottom: 2.5rem;
}

.nfa9f3 {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}

.j49ed0 {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.g3302c {
  flex: 1;
  min-width: 0;
}

.ma9210ce {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  margin-bottom: 0.375rem;
}

.j27 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  line-height: 1.6;
  margin: 0;
}

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

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

.e563d5 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: 2rem 1.5rem;
}

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

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

.hd149e7 {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}

.g017,
.hb9d8373 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.5rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid transparent;
  text-align: center;
}

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

.g017:hover {
  background-color: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

.hb9d8373:hover {
  background-color: var(--color-primary-lighter);
  border-color: var(--color-primary);
}

@media (min-width: 768px) {
  .k67 {
    padding: 4rem 1.5rem;
  }

  .b37 {
    gap: 1.25rem;
  }

  .m1502f5 {
    padding: 4rem 1.5rem;
  }

  .e2a {
    gap: 3.5rem;
  }

  .g7cc0af {
    flex: 0 1 48%;
  }

  .g9fd7 {
    flex: 0 1 48%;
  }

  .hd149e7 {
    flex-direction: row;
  }

  .g017,
  .hb9d8373 {
    flex: 1;
  }
}

@media (min-width: 1024px) {
  .k67 {
    padding: 5rem 2rem;
  }

  .m1502f5 {
    padding: 5rem 2rem;
  }

  .e2a {
    gap: 4rem;
  }

  .g7cc0af {
    flex: 0 1 45%;
  }

  .g9fd7 {
    flex: 0 1 45%;
  }
}

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

  .k90 {
    gap: 1.5rem;
  }

  .l3f7e {
    gap: 1.25rem;
  }
}
.kfb,.mab4b2c{
  width: 34px;
}

.a709ef20{
  justify-content: flex-end;
}

.portfolio-card{
  display: flex;
  flex-direction: column !important;
}

.portfolio-card__content{
  width: 100% !important;
}

.portfolio-card-content{
  width: 100% !important;
}

.hero-title-index{
  word-break: break-all;
}

.services-cards,.services-cards-container,.services-grid,.services-container{
  display: flex;
  flex-direction: column;
}

.content{
  display: block;
}

html{
  scroll-padding-top: 80px;
}

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

input,textarea,select{
  max-width: 100%;
  box-sizing: border-box;
}

#cookieBanner{
  max-width: 100%;
  box-sizing: border-box;
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

.card img,.portfolio-card img,[class*="-card"] img{
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 100%;
  height: auto;
}

.k2e6a{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .k2e6a{
    max-width: 100%;
  }
}

.k2e6a.d3a391{
  z-index: 999;
}

.g5147{
  padding-top: 50px;
}

.kfb[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .n51711 {
    aspect-ratio: 6 / 9;
  }
  .db984 .n51711 {
    aspect-ratio: 6 / 9;
  }
}