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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f1f5f0;
  --color-bg-tertiary: #e8ede6;
  --color-bg-card: #ffffff;

  --color-text-primary: #1a2e1a;
  --color-text-secondary: #4d6a4d;
  --color-text-muted: #5c715c;

  --color-primary: #3d7a3d;
  --color-primary-hover: #2d5e2d;
  --color-primary-light: #c8dcc8;
  --color-primary-lighter: #e8f0e8;

  --color-secondary: #5fa85f;
  --color-secondary-light: #d4e8d4;
  --color-secondary-lighter: #eef5ee;

  --color-success: #4a9d5f;
  --color-warning: #d4a76a;
  --color-danger: #c25a5a;
  --color-info: #5a8fa0;

  --color-border: #d4dcd4;
  --color-border-light: #e8ede6;

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --spacing-4xl: 96px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(26, 46, 26, 0.04);
  --shadow-md: 0 4px 6px rgba(26, 46, 26, 0.07);
  --shadow-lg: 0 10px 15px rgba(26, 46, 26, 0.1);
  --shadow-xl: 0 20px 25px rgba(26, 46, 26, 0.12);
  --shadow-2xl: 0 25px 50px rgba(26, 46, 26, 0.15);

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

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --line-height-loose: 2;

  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 30px;
  --font-size-4xl: 36px;
  --font-size-5xl: 48px;
  --font-size-6xl: 60px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

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

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

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

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

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

h1 {
  font-size: var(--font-size-6xl);
  letter-spacing: -0.02em;
}

h2 {
  font-size: var(--font-size-5xl);
  letter-spacing: -0.015em;
}

h3 {
  font-size: var(--font-size-4xl);
  letter-spacing: -0.01em;
}

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

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

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

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

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

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

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

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

button {
  cursor: pointer;
  border: none;
}

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

.d6d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-lg);
  transition: all var(--transition-base);
  cursor: pointer;
  text-decoration: none;
  border: 2px solid transparent;
  white-space: nowrap;
}

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

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

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

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

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

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

.k19cd7:hover {
  background: var(--color-primary-lighter);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}

.k36a45a0 {
  padding: var(--spacing-sm) var(--spacing-md);
  font-size: var(--font-size-sm);
}

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

.e87000 {
  width: 100%;
}

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

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

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

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

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

.lab89822 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-full);
  background: var(--color-primary-lighter);
  color: var(--color-primary);
}

.k86 {
  background: var(--color-secondary-lighter);
  color: var(--color-secondary);
}

.oa1df633 {
  background: rgba(74, 157, 95, 0.1);
  color: var(--color-success);
}

.af8 {
  background: rgba(212, 167, 106, 0.1);
  color: var(--color-warning);
}

.b3e {
  background: rgba(194, 90, 90, 0.1);
  color: var(--color-danger);
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='url'],
input[type='date'],
textarea,
select {
  width: 100%;
  padding: var(--spacing-md);
  font-size: var(--font-size-base);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus,
input[type='number']:focus,
input[type='tel']:focus,
input[type='url']:focus,
input[type='date']:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-lighter);
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder,
input[type='number']::placeholder,
input[type='tel']::placeholder,
input[type='url']::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

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

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

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

.p038 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
}

@media (min-width: 768px) {
  .p038 {
    grid-template-columns: 1fr 1fr;
  }

  .p038.bfdde902 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

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

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

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

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

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

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

.i6a {
  color: var(--color-info);
}

.d364f4 {
  text-align: center;
}

.cf23489 {
  text-align: left;
}

.e8bb {
  text-align: right;
}

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

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

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

.g8ec43 {
  font-weight: var(--font-weight-regular);
}

.cd1f {
  font-weight: var(--font-weight-medium);
}

.gfb040d {
  font-weight: var(--font-weight-semibold);
}

.g9c3 {
  font-weight: var(--font-weight-bold);
}

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

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

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

.g4e179cd {
  display: flex;
}

.gb35 {
  flex-direction: column;
}

.b29 {
  flex-direction: row;
}

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

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

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

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

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

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

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

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

.b7cc3 {
  margin: 0;
}

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

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

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

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

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

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

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

.p121be6f {
  margin-top: auto;
  margin-bottom: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mc0 {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cb161 {
  display: grid;
}

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

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

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

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

.d4ea0c {
  grid-template-columns: repeat(6, 1fr);
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .g942,
  .i8063c,
  .l448f6fb,
  .d4ea0c {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.lc6 {
  opacity: 0.5;
}

.b9f9 {
  opacity: 0.75;
}

.m963 {
  opacity: 1;
}

.bf843 {
  display: block;
}

.i8f901e {
  display: inline;
}

.e3350278 {
  display: inline-block;
}

.i90 {
  display: none;
}

.hb1 {
  visibility: visible;
}

.j3a46e {
  overflow: hidden;
}

.n329b {
  overflow: auto;
}

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

.cefc3c6 {
  width: 100%;
}

.mcacb6 {
  height: 100%;
}

.i8a467 {
  max-width: 100%;
}

.jcd037 {
  aspect-ratio: 1 / 1;
}

.m7c67b {
  aspect-ratio: 16 / 9;
}

.mece2 {
  transition: all var(--transition-base);
}

.k309b {
  transition: all var(--transition-fast);
}

.bbec6 {
  transition: all var(--transition-slow);
}

.o8cf0a1 {
  cursor: pointer;
}

.j00 {
  cursor: default;
}

.k27e9 {
  user-select: none;
}

.i29da {
  list-style: none;
}

ul,
ol {
  list-style-position: inside;
}

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

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

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

th {
  background: var(--color-bg-secondary);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

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

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

code {
  background: var(--color-bg-secondary);
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
  color: var(--color-primary);
}

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

pre code {
  background: none;
  padding: 0;
  color: var(--color-text-primary);
}

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

::selection {
  background: var(--color-primary-light);
  color: var(--color-text-primary);
}

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

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

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

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

.h34 {
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  display: flex;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.gff {
  background: rgba(74, 157, 95, 0.05);
  border-left-color: var(--color-success);
  color: var(--color-success);
}

.dd49 {
  background: rgba(212, 167, 106, 0.05);
  border-left-color: var(--color-warning);
  color: var(--color-warning);
}

.nf23 {
  background: rgba(194, 90, 90, 0.05);
  border-left-color: var(--color-danger);
  color: var(--color-danger);
}

.j9366fa {
  background: rgba(90, 143, 160, 0.05);
  border-left-color: var(--color-info);
  color: var(--color-info);
}

.a16 {
  width: 1px;
  background: var(--color-border);
}

.p1308e {
  height: 1px;
  background: var(--color-border);
}

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

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

.c5aaa {
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.hce3a {
  animation: slideInUp 0.4s ease-out;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.g71f2f8b {
  animation: slideInDown 0.4s ease-out;
}

@keyframes slideInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.o37aa01 {
  animation: slideInLeft 0.4s ease-out;
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.of4 {
  animation: slideInRight 0.4s ease-out;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.aa84 {
  animation: scaleUp 0.4s ease-out;
}

@keyframes scaleUp {
  from {
    opacity: 0;
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.k4681967 {
  animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

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

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

.af2d {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 0.5rem;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
}

.af2d:hover {
  transform: translateY(-2px);
}

.ea20a {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-md);
  object-fit: cover;
  flex-shrink: 0;
  background: var(--color-bg-secondary);
}

.e0e06cf {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

.j09 {
  display: none;
  gap: clamp(0.5rem, 2vw, 2rem);
  align-items: center;
}

.fd7 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

.me17 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  transition: all var(--transition-base);
  white-space: nowrap;
  flex-shrink: 0;
}

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

.ja0 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: all var(--transition-base);
  font-size: 1.25rem;
}

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

.ja0:active {
  transform: scale(0.95);
}

.p5869 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 400px;
  height: 100vh;
  background: var(--color-bg-primary);
  border-left: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base);
  z-index: 1001;
  padding-top: 1rem;
}

.p5869.f25 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.b0993a {
  display: flex;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 4vw, 2rem);
  margin-bottom: 1.5rem;
}

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

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

.c74 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0 clamp(1rem, 4vw, 2rem);
  margin-bottom: 2rem;
  flex-grow: 1;
}

.n8e7 {
  padding: 1rem;
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  font-weight: var(--font-weight-medium);
  transition: all var(--transition-base);
  display: block;
}

.n8e7:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  transform: translateX(4px);
}

.h437 {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  margin: 0 clamp(1rem, 4vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-align: center;
  text-decoration: none;
  font-weight: var(--font-weight-semibold);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  transition: all var(--transition-base);
  display: block;
}

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

@media (min-width: 768px) {
  .m66 {
    padding: 1rem clamp(1.5rem, 4vw, 2.5rem);
  }

  .j09 {
    display: flex;
  }

  .me17 {
    display: block;
  }

  .ja0 {
    display: none;
  }

  .p5869 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .m66 {
    padding: 1.25rem clamp(2rem, 5vw, 3rem);
  }

  .e0e06cf {
    font-size: 1.5rem;
  }

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

    .nd211e {
  width: 100%;
}

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

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

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

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

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

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

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

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

.p2c4a500 {
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  border: none;
  cursor: pointer;
}

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

.e9bb53 {
  background: transparent;
  color: var(--color-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border: 2px solid var(--color-primary);
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: all 0.3s ease;
  display: inline-block;
  cursor: pointer;
}

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

.j0b5 {
  flex: 1 1 45%;
  min-height: 350px;
  max-height: 500px;
}

.j0b5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 12px;
}

.lf7 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 5vw, 3rem);
  justify-content: center;
  flex-wrap: wrap;
  margin-top: clamp(2rem, 4vw, 3rem);
  padding-top: clamp(2rem, 4vw, 3rem);
  border-top: 1px solid var(--color-border-light);
}

.k3b {
  text-align: center;
  flex: 1 1 150px;
}

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

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

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

  .b1307 {
    flex: 1 1 100%;
  }

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

  .habfa {
    flex-direction: column;
  }

  .p2c4a500, .e9bb53 {
    width: 100%;
    text-align: center;
  }
}

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

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

.o12c68 {
  text-align: center;
}

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

.laed06 {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

.haa84 img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.l3a58 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 600;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) 0.5rem;
}

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

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

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

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

.p3ce0 {
  text-align: center;
}

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

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

.ic8cd {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
}

.l5df2 {
  flex: 1 1 200px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.m5f75449 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  color: var(--color-text-muted);
  font-weight: 500;
}

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

@media (max-width: 768px) {
  .l5df2 {
    flex: 1 1 150px;
  }
}

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

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

.c2506 {
  text-align: center;
}

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

.med0355 {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.bf9 {
  flex: 1 1 250px;
  max-width: 300px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
  transition: all 0.3s ease;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

.h7d31 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

.ed5 {
  text-align: center;
}

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

.l5fa {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

.h96e5 {
  font-size: clamp(2rem, 4vw + 0.5rem, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  min-width: 60px;
  text-align: center;
}

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

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

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

  .h96e5 {
    text-align: left;
  }
}

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

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

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

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

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

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

.j2ec {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: center;
  box-shadow: var(--shadow-sm);
}

.mdd2fb {
  font-size: 1.75rem;
  color: var(--color-primary);
  min-width: 40px;
  text-align: center;
}

.a81ef {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

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

.je02 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

  .k36b3 {
    flex: 1 1 100%;
  }

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

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

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

.d56 {
  text-align: center;
}

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

.ff21c {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

.j998 {
  flex: 1 1 350px;
  max-width: 450px;
  padding: clamp(1.5rem, 2vw, 2.5rem);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
}

.j8f7 {
  background: var(--color-bg-secondary);
  border: 2px solid var(--color-danger);
}

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

.le2f {
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
}

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

.h94 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: flex-start;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.h94 i {
  font-size: 1.25rem;
  min-width: 24px;
  margin-top: 2px;
}

.j8f7 .h94 i {
  color: var(--color-danger);
}

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

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

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

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

.la0d88e {
  text-align: center;
}

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

.j2c8 {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
}

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

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

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

.oc7d img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

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

.a117a4 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.h2cde {
  font-size: clamp(0.9rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-on-accent);
  line-height: 1.7;
}

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

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

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

.oc0be .e9bb53 {
  background: transparent;
  color: var(--color-text-on-accent);
  border-color: var(--color-text-on-accent);
}

.oc0be .e9bb53:hover {
  background: var(--color-text-on-accent);
  color: var(--color-primary);
}

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

  .fb69f8 .p2c4a500,
  .fb69f8 .e9bb53 {
    width: 100%;
    text-align: center;
  }
}

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

.m4e21.i90 {
  display: none;
}

.j20b {
  color: var(--color-bg-primary);
  margin: 0;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  flex: 1 1 200px;
  line-height: 1.5;
}

.b8b69 {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 1vw, 1rem);
  flex-wrap: wrap;
}

.d4465da,
.m5ecfd {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  border: none;
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 768px) {
  .m4e21 {
    padding: 1rem;
    gap: 1rem;
  }

  .j20b {
    flex: 1 1 100%;
  }

  .b8b69 {
    flex: 1 1 100%;
    justify-content: space-between;
  }

  .d4465da,
  .m5ecfd {
    flex: 1 1 45%;
  }
}

@media (max-width: 480px) {
  .m4e21 {
    bottom: auto;
    top: auto;
    padding: 0.75rem;
  }

  .b8b69 {
    flex-direction: column;
  }

  .d4465da,
  .m5ecfd {
    flex: 1 1 100%;
  }
}

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

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

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

.o59acb1a {
  display: block;
}

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

.o59acb1a p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: var(--line-height-relaxed);
  max-width: 380px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.a6aa29 {
  display: block;
}

.a6aa29 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

.a259792 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.25rem, 3vw, 2rem) clamp(1.5rem, 4vw, 2.5rem);
}

.a259792 li {
  display: block;
}

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

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

.pe51d {
  display: block;
}

.pe51d h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.da4c73 {
  display: block;
}

.da4c73 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
}

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

.b360a394 li {
  display: block;
}

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

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

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

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

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

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

  .o59acb1a {
    flex: 1 1 280px;
  }

  .a6aa29 {
    flex: 1 1 200px;
  }

  .pe51d {
    flex: 1 1 240px;
  }

  .da4c73 {
    flex: 1 1 200px;
  }

  .p689e {
    flex: 1 1 100%;
  }

  .a259792,
  .b360a394 {
    flex-direction: column;
    gap: clamp(0.5rem, 1.5vw, 0.75rem);
  }
}

@media (min-width: 1024px) {
  .o59acb1a {
    flex: 0 1 300px;
  }

  .a6aa29 {
    flex: 0 1 160px;
  }

  .pe51d {
    flex: 0 1 220px;
  }

  .da4c73 {
    flex: 0 1 160px;
  }
}
    

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

html, body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--color-text-primary);
  background: var(--color-bg-primary);
  line-height: 1.6;
}

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

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

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

.d6d:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(61, 122, 61, 0.2);
}

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

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

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

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

.nbd2 {
  flex: 1 1 50%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.g89 {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

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

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

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

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

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

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

.nc21b5 {
  font-size: clamp(0.9rem, 1.3vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
}

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

.pa3a42 {
  flex: 1 1 calc(25% - 2rem);
  min-width: 280px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
  border: 1px solid var(--color-border-light);
}

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

.pa3a42 img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}

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

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

.ad9 {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding-top: 0.75rem;
  border-top: 1px solid var(--color-border-light);
  font-size: clamp(0.8rem, 0.9vw, 0.875rem);
}

.fcf93e,
.i765c8,
.i98bb {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.fcf93e i,
.i765c8 i,
.i98bb i {
  color: var(--color-accent);
  font-size: 0.9em;
}

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

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

@media (max-width: 1439px) {
  .pa3a42 {
    flex: 1 1 calc(33.333% - 2rem);
  }
}

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

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

  .nbd2,
  .o5a4178 {
    flex: 1 1 100%;
  }

  .o5a4178 {
    max-height: 400px;
  }
}

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

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

  .ad9 {
    gap: 1rem;
  }

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

.l895ea {
    width: 100%;
  }

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

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

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

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

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

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

  .j53f92cb {
    background: var(--color-bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    padding: clamp(2rem, 4vw, 3rem);
    display: flex;
    flex-direction: row;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: center;
  }

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

  .ed99260 {
    color: var(--color-text-primary);
    font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
    font-weight: var(--font-weight-bold);
    margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

  @media (max-width: 768px) {
    .j53f92cb {
      flex-direction: column;
      padding: clamp(1.5rem, 3vw, 2rem);
    }

    .k15,
    .cfd {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .nde {
      max-height: 250px;
    }
  }

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

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

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

  .gce {
    color: var(--color-text-primary);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .df8,
    .gaeb {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .d7aaba7a {
      max-height: 250px;
    }
  }

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

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

  .d57f {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }

  .mb4ad1 {
    color: var(--color-text-on-accent);
    font-size: clamp(1.25rem, 3vw, 1.75rem);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-relaxed);
    font-style: italic;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .db79 {
    color: var(--color-text-on-accent);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
    opacity: 0.95;
    font-style: normal;
  }

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

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

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

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

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

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

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

  .pe4dc {
    color: var(--color-text-primary);
    font-size: clamp(1.1rem, 1.5vw, 1.3rem);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 1rem;
  }

  .d23d6299 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border-light);
  }

  .d23d6299:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .b7b345 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    border-radius: var(--radius-full);
    font-weight: var(--font-weight-bold);
    font-size: 1.1rem;
  }

  .a32 {
    flex: 1;
  }

  .a32 h4 {
    color: var(--color-text-primary);
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
    font-weight: var(--font-weight-semibold);
    margin-bottom: 0.5rem;
  }

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

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

    .h4f631,
    .g9f5f7 {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

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

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

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

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

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

    .p65,
    .f329a {
      flex: 1 1 100%;
      max-width: 100%;
    }
  }

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

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

  .m0d {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .m0d i {
    color: var(--color-accent);
    font-size: 1.3rem;
  }

  .kc0 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    font-weight: var(--font-weight-semibold);
    margin: 0;
  }

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

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

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

  .a5557 {
    color: var(--color-text-primary);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .l21 {
    background: var(--color-primary);
    color: var(--color-text-on-accent);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-lg);
    text-align: center;
    margin-top: clamp(1.5rem, 3vw, 2rem);
  }

  .g3b47dee {
    color: var(--color-text-on-accent);
    font-size: clamp(1.2rem, 2vw, 1.5rem);
    font-weight: var(--font-weight-bold);
    margin-bottom: 0.5rem;
  }

  .i29 {
    color: var(--color-text-on-accent);
    font-size: clamp(0.875rem, 1vw + 0.5rem, 1.025rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: 1.25rem;
  }

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

  .e613395:hover {
    opacity: 0.9;
    transform: translateY(-2px);
  }

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

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

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

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

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

  .gb3 {
    color: var(--color-text-primary);
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    font-weight: var(--font-weight-semibold);
    margin: 0;
  }

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

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

  .o420496 {
    color: var(--color-text-muted);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    margin: 0;
  }

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

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

    .b2b {
      width: 80px;
      height: 80px;
      min-width: 80px;
    }
  }

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

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

  .ld66c6ae {
    color: var(--color-text-primary);
    font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
    font-weight: var(--font-weight-bold);
    text-align: center;
    line-height: var(--line-height-tight);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

  .a9c8 {
    color: var(--color-text-primary);
    font-size: clamp(1.05rem, 1.5vw, 1.25rem);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .h5e7219 {
    display: inline-block;
    color: var(--color-accent);
    text-decoration: none;
    font-weight: var(--font-weight-semibold);
    font-size: clamp(0.8125rem, 1vw, 0.95rem);
    transition: all 0.3s ease;
    align-self: flex-start;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ce2f772 {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
}

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

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

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

.l38 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

  .h51124,
  .pca47 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

.lbe1 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: var(--line-height-tight);
}

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

.b31 {
  background: var(--color-bg-primary);
  border-left: 4px solid var(--color-primary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-lg);
}

.c71ee0a3 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
}

.l8a {
  list-style: none;
}

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

.p3a97f::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.4rem;
  width: 0.375rem;
  height: 0.375rem;
  background: var(--color-primary);
  border-radius: 50%;
}

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

  .n60,
  .e3b474 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .n464378d,
  .c51ba47a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .d44074,
  .h282 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .o5c56b,
  .c4ceb970 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.i939 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.dacd7 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--color-primary);
  display: block;
}

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

.lc8 {
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.125rem);
  font-weight: var(--font-weight-semibold);
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

  .j7452fd,
  .oe2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

  .fcf,
  .ibb87a2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

.k026 {
  flex: 1 1 auto;
}

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

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

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

  .b743 {
    text-align: center;
  }
}

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

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

.h8f683af {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

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

.b60 {
  text-align: center;
}

.j9784 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  line-height: var(--line-height-tight);
}

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

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

.gd2a0 {
  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;
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 350px;
}

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

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

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

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

.ddb28 {
  margin: 0;
  font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
}

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

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

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

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

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

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

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

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

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

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

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

.a390c {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  padding: clamp(2rem, 4vw, 3rem);
  max-width: 1200px;
  margin: 0 auto;
}

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

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

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

.df1d34 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 2vw, 1.125rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.me1c9 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  flex-wrap: wrap;
}

.me1c9 a {
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  transition: var(--transition-base);
}

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

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

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

  .p9b57e,
  .mca1 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .b667,
  .j538f60a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

  .hc464183,
  .lbec80 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

  .o606f,
  .c5c3ff5 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.m1be46 {
  color: var(--color-text-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .e1f829,
  .gc867137 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.c1acb786 {
  max-width: 400px;
  margin: 0 auto;
}

.a74b {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  text-align: center;
}

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

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

.i25 {
  text-align: center;
}

.he3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-weight: var(--font-weight-bold);
  margin-bottom: 0.25rem;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.oa30 {
  color: var(--color-accent);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: var(--font-weight-semibold);
  margin-bottom: clamp(0.75rem, 1vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.bb806 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.f109ac4f {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  text-align: center;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  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);
  line-height: var(--line-height-normal);
}

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

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

.j5bd36e {
  width: 100%;
}

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

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

.k0ef {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  margin-bottom: 1.5rem;
}

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

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

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

.n1aa {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}

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

.d9449 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

.m614c6 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--color-border-light);
}

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

.l3c7b i {
  color: var(--color-primary);
  width: 1rem;
}

.dcb0a {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

.a38e9 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 350px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

.a015ca52 {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

.id6 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  margin: clamp(1rem, 2vw, 2rem) 0;
}

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

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

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

.bdf4b {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.o98bd8a {
  flex: 1 1 50%;
  max-width: 50%;
  min-height: 300px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

.e7773 {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: 1;
}

.ff4fa9fc {
  font-size: clamp(1.1rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
}

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

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

.id4 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-warning);
}

.a2b4fa {
  font-size: clamp(1.1rem, 2.5vw + 0.5rem, 1.5rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

.efee {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.n90da3ef {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
}

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

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

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

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

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

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

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

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

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

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

.j52fad {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 280px;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

.j360 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.3rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

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

@media (max-width: 768px) {
  .n1aa {
    flex-direction: column;
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .e626,
  .dcb0a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .dcb0a {
    min-height: 250px;
  }

  .n15ca1d,
  .hc4,
  .h4288f,
  .o49af {
    flex-direction: column;
  }

  .d62f5db7,
  .a38e9,
  .n4ee355,
  .a015ca52,
  .bdf4b,
  .m6bdc8,
  .l343,
  .o98bd8a {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a38e9,
  .a015ca52,
  .bdf4b,
  .o98bd8a {
    min-height: 250px;
  }

  .k2113b3f {
    flex: 1 1 100%;
  }

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

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

  .g357bf {
    align-items: center;
  }
}

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

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

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

html, body {
  width: 100%;
  overflow-x: hidden;
}

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

.oad8 {
  width: 100%;
  background: var(--color-bg-primary);
  font-family: var(--font-primary);
  line-height: 1.6;
}

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

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

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

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

.f805 {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-primary);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  margin-bottom: 1rem;
  letter-spacing: 0.5px;
}

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

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

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

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

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

.acd {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.lb7 {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

.o71 {
  flex: 1 1 45%;
  min-width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .m38caf2e,
  .o71 {
    flex: 1 1 100%;
  }
}

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

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

.da3d {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.dafd6 {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.e682cd {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.j4a841 {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

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

.jc81 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.75rem, 3vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

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

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

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

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

  .jc81 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

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

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

.hca00 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto clamp(1.5rem, 3vw, 2.5rem);
}

.abfd {
  color: var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 0.75rem;
}

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

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

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

.l8f0 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 200px;
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

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

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

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

.i20c7ff {
  color: var(--color-primary);
  font-size: 1.25rem;
  flex-shrink: 0;
}

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

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

@media (min-width: 1025px) {
  .af71a {
    gap: 3rem;
  }

  .m38caf2e {
    flex: 1 1 50%;
  }

  .o71 {
    flex: 1 1 50%;
  }

  .de5ef {
    flex: 1 1 calc(50% - 1.25rem);
  }

  .pb8 {
    gap: 2.5rem;
  }

  .l8f0 {
    flex: 1 1 calc(33.333% - 1.75rem);
  }
}

* {
  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 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

.o532b8 {
  flex: 1 1 50%;
  min-height: 300px;
}

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

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

  .l807c65,
  .o532b8 {
    flex: 1 1 100%;
  }

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

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

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

.m94 {
  text-align: center;
}

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

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

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

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

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

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

.c4d6 {
  text-align: center;
}

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

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

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

.k18f {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  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: 1rem;
}

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

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

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

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

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

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

.fc0a8 {
  text-align: center;
}

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

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

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

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

.ma1 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  height: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
}

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

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

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

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

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

.ea1b {
  text-align: center;
}

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

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

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

.ca6b8e1 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  height: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
}

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

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

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

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

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

.m78817f {
  text-align: center;
}

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

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

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

.d365d5 {
  flex: 1 1 calc(50% - 1rem);
  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: 1rem;
  transition: var(--transition-base);
  color: var(--color-text-primary);
}

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

.ab5 {
  color: var(--color-accent);
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  height: clamp(2rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
}

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

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

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

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

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

.fd630 {
  color: var(--color-text-on-accent);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
}

.ha4f {
  color: var(--color-text-on-accent);
  font-size: clamp(0.875rem, 1.2vw, 1.0625rem);
  opacity: 0.95;
  line-height: 1.7;
}

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

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

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

.e956:hover {
  background: var(--color-bg-secondary);
  opacity: 0.9;
}

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

.l2a688b3:hover {
  background: rgba(255, 255, 255, 0.1);
}

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

  .e956,
  .l2a688b3 {
    width: 100%;
  }
}

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

.g07034b {
  position: relative;
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.nf8 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 2;
  padding: var(--spacing-2xl) 0;
}

.fec {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.gcf7a5 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  font-weight: var(--font-weight-regular);
  margin: 0;
  line-height: var(--line-height-normal);
}

.o4b47ab {
  width: 100%;
  height: auto;
  max-height: 300px;
  object-fit: cover;
  border-radius: var(--radius-lg);
  margin-top: var(--spacing-xl);
  display: block;
}

@media (min-width: 768px) {
  .g07034b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .g07034b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

  .o4b47ab {
    max-height: 400px;
  }
}

.eef {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p3c853 {
  max-width: 1200px;
  margin: 0 auto;
}

.ha094497 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
  margin: 0;
}

@media (min-width: 768px) {
  .eef {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .ha094497 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .eef {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

.g42 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-sm);
}

.g42:hover {
  box-shadow: var(--shadow-md);
  border-color: var(--color-primary-light);
  transform: translateY(-4px);
}

.i18136 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-lighter);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  color: var(--color-primary);
  flex-shrink: 0;
}

.i18136 svg {
  width: 24px;
  height: 24px;
  stroke-width: 2.5;
}

.b4f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.h5b {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.n2646121 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-xs);
  margin-top: auto;
}

.k1e1 {
  display: inline-block;
  background-color: var(--color-primary-lighter);
  color: var(--color-primary);
  padding: 0.375rem var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  white-space: nowrap;
}

.g222d383 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.d9a58c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

@media (min-width: 768px) {
  .g222d383 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .d9a58c {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-3xl);
  }
}

@media (min-width: 1024px) {
  .g222d383 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

.cc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.b8a {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
}

.da26cb4 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.e04dc66 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.eb5c {
  color: var(--color-success);
  font-weight: var(--font-weight-bold);
  flex-shrink: 0;
  margin-top: 2px;
}

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

.a314 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f4a6b {
  max-width: 1200px;
  margin: 0 auto;
}

.k41d2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  text-align: center;
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-tight);
}

.i31 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .a314 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .i31 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .a314 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.gc68de {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
}

.l82f4c8 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.obc3 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.ifbb5b {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

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

@media (min-width: 768px) {
  .ifbb5b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ifbb5b {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.l3bc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.jfbf6ec {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.jdf2101 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .jdf2101 {
    padding: var(--spacing-md) var(--spacing-3xl);
    font-size: var(--font-size-lg);
  }
}

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

.j171 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.ed616 {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-xl) 0;
}

.d22139 {
  text-align: center;
}

.mf3f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.g9af67 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
}

@media (min-width: 768px) {
  .j171 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .j171 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

.e85f2619 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.g9c {
  max-width: 1200px;
  margin: 0 auto;
}

.e05a2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .e85f2619 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .e05a2 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .e85f2619 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

.md665 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  display: flex;
  flex-direction: column;
  height: 100%;
}

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

.jed {
  width: 100%;
  height: 240px;
  overflow: hidden;
  background-color: var(--color-bg-secondary);
}

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

.md665:hover .id0c359 {
  transform: scale(1.05);
}

.f3907e4 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ibe6 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  width: fit-content;
}

.be2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-tight);
}

.aa76 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.be8c85 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  width: fit-content;
  border: 2px solid var(--color-primary);
}

.be8c85:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateX(4px);
}

.be8c85:active {
  transform: translateX(2px);
}

.n742 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.o6bec3b8 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-xl) 0;
}

.meee {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
}

.i08851 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.b620 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

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

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

@media (min-width: 768px) {
  .n742 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .n742 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

.e5f55 .od1 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e5f55 .b820a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.e5f55 h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.e5f55 h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-bold);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.e5f55 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.e5f55 .c1f {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--spacing-2xl);
}

.e5f55 ul {
  list-style-type: disc;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
  color: var(--color-text-primary);
}

.e5f55 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.e5f55 strong {
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
}

.e5f55 .f5db {
  margin-bottom: var(--spacing-3xl);
}

.e5f55 .h113a {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.e5f55 .h113a h2 {
  margin-top: 0;
}

.e5f55 .h113a p {
  margin-bottom: var(--spacing-sm);
  color: var(--color-text-primary);
}

.e5f55 .ma31 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
}

@media (min-width: 768px) {
  .e5f55 .b820a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e5f55 .b820a {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.l3b3d6 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.e51 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.od1 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

.j9008 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.p6ecaa1 {
  width: 100px;
  height: 100px;
  margin: 0 auto var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: iconBounce 0.6s ease-out;
}

.p3ccb {
  width: 100%;
  height: 100%;
  color: var(--color-success);
  stroke: var(--color-success);
}

@keyframes iconBounce {
  0% {
    transform: scale(0) rotate(-45deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.pd52 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  animation: titleSlideIn 0.7s ease-out 0.2s backwards;
}

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

.o13a0769 {
  font-size: clamp(1rem, 2.5vw, 1.35rem);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  animation: subtitleSlideIn 0.7s ease-out 0.3s backwards;
}

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

.dc68d {
  margin: var(--spacing-lg) 0;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
  animation: messageSlideIn 0.7s ease-out 0.4s backwards;
}

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

.kf07c {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

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

.ff3 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-md);
  margin: var(--spacing-xl) 0;
  animation: highlightsSlideIn 0.7s ease-out 0.5s backwards;
}

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

@media (min-width: 768px) {
  .ff3 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-lg);
  }
}

.nc19a391 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md);
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

.f0bf051 {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  font-size: 24px;
}

.f0bf051 svg {
  width: 100%;
  height: 100%;
}

.o036d {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-medium);
  text-align: center;
  line-height: var(--line-height-tight);
}

.d6d {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 1vw + 0.5rem, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  font-weight: var(--font-weight-semibold);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  text-decoration: none;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
}

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

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

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

.de889 {
  animation: buttonSlideIn 0.7s ease-out 0.6s backwards;
  margin-top: var(--spacing-md);
}

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

@media (max-width: 640px) {
  .e51 {
    padding: var(--spacing-md) var(--spacing-sm);
  }

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

  .dc68d {
    padding: var(--spacing-md);
    border-left-width: 3px;
  }

  .p6ecaa1 {
    width: 80px;
    height: 80px;
    margin-bottom: var(--spacing-sm);
  }
}

@media (min-width: 641px) and (max-width: 1023px) {
  .e51 {
    padding: var(--spacing-xl) var(--spacing-md);
  }

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

@media (min-width: 1024px) {
  .e51 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }

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

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

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

main.p6a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
}

.k43 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

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

.f86147ab {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

.d5be {
  position: relative;
  display: inline-block;
}

.d8718c9d {
  font-family: var(--font-heading);
  font-size: clamp(3.5rem, 15vw, 8rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  letter-spacing: -2px;
  position: relative;
  z-index: 2;
}

.ed6059 {
  position: absolute;
  width: clamp(200px, 50vw, 400px);
  height: clamp(200px, 50vw, 400px);
  background-color: var(--color-primary-lighter);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0.4;
  animation: pulse-soft 3s ease-in-out infinite;
}

@keyframes pulse-soft {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.4;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.25;
  }
}

.e4cb51 {
  margin-bottom: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.iaf575 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-normal);
}

.b2356b5 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.gf1eb1c {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  font-weight: var(--font-weight-regular);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: 0;
}

.b6e {
  margin-bottom: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.4s both;
}

.d6d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  transition: all var(--transition-base) ease;
  cursor: pointer;
  text-align: center;
  line-height: var(--line-height-normal);
}

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

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

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

.eb3bd750 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  margin-top: var(--spacing-2xl);
  animation: fadeInUp 0.8s ease-out 0.6s both;
}

.k44b {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base) ease;
}

.k44b:hover {
  background-color: var(--color-bg-secondary);
  border-color: var(--color-primary-light);
  transform: translateX(4px);
}

.g04410 {
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  line-height: 1;
}

.hf59b9 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.95vw, 1rem);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
}

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

@media (min-width: 640px) {
  .k43 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .eb3bd750 {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 100%;
  }

  .k44b {
    flex: 0 1 auto;
    min-width: 200px;
  }
}

@media (min-width: 768px) {
  .k43 {
    padding: var(--spacing-2xl) var(--spacing-lg);
    min-height: 100vh;
  }

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

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

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

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

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

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

@media (min-width: 1024px) {
  .k43 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }

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

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

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

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

  .k44b {
    min-width: 240px;
  }
}

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

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

.a8c {
  text-align: center;
}

.hcc2190 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 3rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.m12 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 700px;
  margin: 0 auto;
}

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

.fe991c {
  width: 100%;
}

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

.id6272 {
  flex: 1 1 clamp(280px, 100%, 500px);
  min-width: 0;
}

.e27e {
  flex: 1 1 clamp(280px, 100%, 450px);
  min-width: 0;
}

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

.l53bdae4 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.n3d0f {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

.e12c {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.acf690 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-text-primary);
}

.ae486f,
.m2118 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  transition: all var(--transition-fast);
  box-sizing: border-box;
}

.ae486f::placeholder,
.m2118::placeholder {
  color: var(--color-text-muted);
}

.ae486f:focus,
.m2118:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(var(--color-primary), 0.1);
}

.m2118 {
  min-height: 140px;
  resize: vertical;
}

.f16 {
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  cursor: pointer;
  transition: all var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

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

.e7ed7240 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  text-align: center;
}

.m5ddf {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: var(--font-weight-medium);
  transition: color var(--transition-fast);
}

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

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

.pad4509 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.b128b {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

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

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

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

.a1d034a {
  flex: 1;
}

.ccac {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
}

.ne7568 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: var(--font-weight-medium);
  margin-bottom: 0.25rem;
}

.afb4f2 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.i28 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  margin-top: clamp(1rem, 2vw, 2rem);
}

.l2a4a {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.f9cd95 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: var(--spacing-md);
}

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

.i6fa63 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  padding-left: 1.5rem;
  position: relative;
  line-height: var(--line-height-normal);
}

.i6fa63::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 6px;
  height: 6px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
}

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

.ib81b961 {
  text-align: center;
}

.iacea {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.25rem);
  font-weight: var(--font-weight-bold);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.p599 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

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

.pb77,
.o70 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  text-decoration: none;
  padding: 1rem 2rem;
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

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

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

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

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

@media (max-width: 768px) {
  .f6f {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 3rem);
  }

  .id6272,
  .e27e {
    flex: 1 1 100%;
  }

  .j0397 {
    flex-direction: column;
  }
}

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

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

  .df7 {
    padding: clamp(4rem, 10vw, 7rem) 0;
  }
}
.ja0,.h2d{
  width: 34px;
}

.j09{
  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;
}

.p5869{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .p5869{
    max-width: 100%;
  }
}

.p5869.f25{
  z-index: 999;
}

.c74{
  padding-top: 50px;
}

.ja0[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .m7c67b {
    aspect-ratio: 6 / 9;
  }
  .pa3a42 img {
    aspect-ratio: 6 / 9;
  }
}