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

:root {
  --color-bg-primary: #1a0f0a;
  --color-bg-secondary: #2a1a12;
  --color-bg-tertiary: #3a251a;
  --color-bg-card: #2a1a12;

  --color-text-primary: #fef2f2;
  --color-text-secondary: #fca5a5;
  --color-text-muted: #f87171;

  --color-primary: #b91c1c;
  --color-primary-hover: #991b1b;
  --color-primary-light: #dc2626;
  --color-secondary: #dc2626;
  --color-secondary-light: #ef4444;

  --color-success: #059669;
  --color-success-light: #10b981;
  --color-warning: #d97706;
  --color-warning-light: #f59e0b;
  --color-danger: #b91c1c;
  --color-danger-light: #dc2626;

  --color-border: #3a251a;
  --color-border-light: #2a1a12;

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

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

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

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

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

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

  --line-height-tight: 1.25;
  --line-height-snug: 1.375;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.625;
  --line-height-loose: 2;

  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0em;
  --letter-spacing-wide: 0.02em;

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

a:hover {
  color: var(--color-secondary-light);
}

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

button, input[type="button"], input[type="submit"] {
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all var(--transition-fast);
}

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

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

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

textarea {
  resize: vertical;
  min-height: 6rem;
}

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

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

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

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

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

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

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

.m51229e6 {
  background: var(--color-secondary);
  color: var(--color-text-primary);
}

.m51229e6:hover {
  background: var(--color-secondary-light);
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

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

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

.mf1f:hover {
  background: rgba(220, 38, 38, 0.1);
  border-color: var(--color-secondary-light);
}

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

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

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

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

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

.f8e3c8 {
  margin-bottom: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  border-bottom: 1px solid var(--color-border-light);
}

.o455 {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-text-primary);
}

.oa6c9c3 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-top: var(--spacing-xs);
}

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

.c8293 {
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
}

.d64 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.p9f3 {
  background: rgba(185, 28, 28, 0.2);
  color: var(--color-primary-light);
}

.m1a51b {
  background: rgba(5, 150, 105, 0.2);
  color: var(--color-success-light);
}

.hd0587 {
  background: rgba(217, 119, 6, 0.2);
  color: var(--color-warning-light);
}

.b06875c {
  background: rgba(185, 28, 28, 0.2);
  color: var(--color-danger-light);
}

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

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

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

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

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

.c553acae {
  flex-direction: column;
}

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

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

.eda {
  text-align: center;
}

.n50418 {
  text-align: right;
}

.h0f3d3cc {
  text-align: left;
}

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

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

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

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

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

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

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

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

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

.m032e6a {
  font-weight: 700;
}

.j0e74518 {
  font-weight: 600;
}

.pf981fc {
  font-weight: 500;
}

.p66a942 {
  font-weight: 400;
}

.ea1e { margin: 0; }
.af52 { margin: var(--spacing-xs); }
.k0cd { margin: var(--spacing-sm); }
.e6bb9 { margin: var(--spacing-md); }
.p43 { margin: var(--spacing-lg); }
.l810e { margin: var(--spacing-xl); }
.me2f7 { margin: var(--spacing-2xl); }

.p13dcb { margin-left: auto; margin-right: auto; }
.fd2bb { margin-top: auto; margin-bottom: auto; }

.nfc4 { padding: 0; }
.nfd8 { padding: var(--spacing-xs); }
.m89e23 { padding: var(--spacing-sm); }
.f2f999 { padding: var(--spacing-md); }
.k1ddb { padding: var(--spacing-lg); }
.m534 { padding: var(--spacing-xl); }
.mb490 { padding: var(--spacing-2xl); }

.gde { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.f0a7 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.l3912e { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.c6ec { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

.n389 { margin-top: 0; }
.e3b3 { margin-top: var(--spacing-xs); }
.e0e1c2f { margin-top: var(--spacing-sm); }
.c68c83 { margin-top: var(--spacing-md); }
.h5a39 { margin-top: var(--spacing-lg); }
.c64 { margin-top: var(--spacing-xl); }
.l9ee6f5a { margin-top: var(--spacing-2xl); }

.cbf846 { margin-bottom: 0; }
.h5c2a { margin-bottom: var(--spacing-xs); }
.c3dbd883 { margin-bottom: var(--spacing-sm); }
.h7450d2 { margin-bottom: var(--spacing-md); }
.j01 { margin-bottom: var(--spacing-lg); }
.m91db43d { margin-bottom: var(--spacing-xl); }
.ff0b95 { margin-bottom: var(--spacing-2xl); }

.aa12 { gap: var(--spacing-sm); }
.d8ca0 { gap: var(--spacing-md); }
.a288b55 { gap: var(--spacing-lg); }
.a9c64ae { gap: var(--spacing-xl); }

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

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

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

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

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

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

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

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

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

.b65436cc {
  opacity: 0.5;
}

.j0b863 {
  opacity: 0.75;
}

.e8b7d5f5 {
  opacity: 1;
}

.i56 {
  display: none;
}

.a390 {
  visibility: visible;
}

.d816ef {
  overflow: hidden;
}

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

.e39b {
  overflow-wrap: break-word;
  word-break: break-word;
}

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

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

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

.m03b6c {
  border-color: var(--color-primary);
}

.c89 > * + * {
  border-top: 1px solid var(--color-border);
}

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

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

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

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

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

.k893b2:hover {
  opacity: 0.8;
}

.l51 {
  cursor: pointer;
}

.f316 {
  cursor: not-allowed;
}

.l977029c {
  list-style: none;
}

.hb3d7b7 {
  list-style: disc;
}

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

li {
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-relaxed);
}

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

code {
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  font-family: 'Courier New', monospace;
  font-size: 0.9em;
}

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

pre code {
  background: none;
  padding: 0;
  color: inherit;
}

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

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

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

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

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

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

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

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

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

  .o87f50, .oc27b0f2, .g4140 {
    grid-template-columns: 1fr;
  }

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

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

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

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

  .ed1bc {
    width: 100%;
  }

  .eb6e {
    flex-direction: column;
  }

  p {
    font-size: var(--font-size-sm);
  }
}
.ncb237 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: relative;
  z-index: 100;
}

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

.bc44 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  flex-shrink: 0;
}

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

.oc7856f {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
}

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

.d8ac {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-primary);
  text-decoration: none;
  font-weight: 500;
  transition: var(--transition-base);
  position: relative;
}

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

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

.d8ac:hover::after {
  width: 100%;
}

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

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

.b60 {
  display: flex;
  flex-direction: column;
  gap: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
}

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

.b60.bc00 span:nth-child(1) {
  transform: rotate(45deg) translateY(11px);
}

.b60.bc00 span:nth-child(2) {
  opacity: 0;
}

.b60.bc00 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-11px);
}

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

.eb9eb46.bc00 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.l09adf4 {
  padding: 1rem 1.5rem;
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: var(--transition-base);
}

.l09adf4:hover {
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding-left: 2rem;
}

.gad9d {
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 600;
  text-align: center;
  margin: 1rem;
  border-radius: var(--radius-md);
  transition: var(--transition-base);
}

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

@media (min-width: 768px) {
  .b60 {
    display: none;
  }

  .eb9eb46 {
    display: none;
  }

  .k88 {
    display: flex;
  }

  .g7116 {
    display: inline-block;
  }
}

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

    .ofe9e262 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.h0d5f {
  flex: 1 1 45%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.m0cd2 {
  width: 100%;
  height: auto;
  position: relative;
  clip-path: polygon(30% 0%, 100% 0%, 70% 100%, 0% 100%);
}

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

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

  .oe0ce {
    flex: 1 1 100%;
  }

  .h0d5f {
    flex: 1 1 100%;
  }

  .of77 {
    flex-direction: column;
  }

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

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

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

.f471c {
  text-align: center;
}

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

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

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

.ja4711 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  min-width: 120px;
  text-align: center;
}

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

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

.od3 {
  color: var(--color-text-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
}

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

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

.gcb {
  text-align: center;
}

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

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

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

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

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

.gc33 {
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  border-radius: var(--radius-md);
  color: var(--color-text-on-accent);
  font-size: 1.5rem;
}

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

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

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

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

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

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

.g941ad80 {
  text-align: center;
}

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

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

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

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

.k11c2 {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-size: 1.75rem;
  font-weight: 700;
  border-radius: var(--radius-md);
}

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

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

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

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

  .k11c2 {
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }
}

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

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

.n03e {
  text-align: center;
}

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

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

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

.o2192a::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

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

.j5c522 {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  font-weight: 700;
  border-radius: 50%;
  position: absolute;
  left: -2.5rem;
  top: 0;
  font-size: 1rem;
}

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

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

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

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

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

.lde {
  text-align: center;
}

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

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

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

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

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

.g69f00 {
  text-align: center;
}

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

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

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

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

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

.f8bb06 {
  width: 100%;
  height: auto;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

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

.i05f0df2 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all var(--transition-base);
  display: inline-block;
}

.i05f0df2:hover {
  color: var(--color-accent-hover);
  transform: translateX(4px);
}

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

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

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

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

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

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

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

.p294 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(2rem, 4vw, 3rem);
  background: var(--color-bg-primary);
  border-radius: var(--radius-lg);
  max-width: 600px;
  text-align: center;
  box-shadow: var(--shadow-md);
  transform: translateY(-20px);
}

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

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

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

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

.l78fb {
  text-align: center;
}

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

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

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

.i2cb7525 {
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1rem));
  min-width: 280px;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.i2cb7525 img {
  width: 100%;
  height: auto;
  max-height: 400px;
  object-fit: cover;
  display: block;
  transition: transform var(--transition-base);
}

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

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

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

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

.l242ba47 {
  text-align: center;
}

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

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

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

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

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

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

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

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

.g55057c9 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border);
}

.g55057c9.i56 {
  display: none;
}

.i68c8f {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  margin: 0;
  flex: 1 1 200px;
}

.j17383 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.d5af9,
.b34933 {
  padding: 0.5rem 1.25rem;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  border: none;
  transition: all var(--transition-base);
}

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

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

.b34933 {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

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

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

  .i68c8f {
    flex: 1 1 100%;
  }

  .j17383 {
    flex: 1 1 100%;
    justify-content: center;
  }

  .d5af9,
  .b34933 {
    flex: 1;
    min-width: 100px;
  }
}

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

  .j5c522 {
    left: -2rem;
    width: 36px;
    height: 36px;
    font-size: 0.9rem;
  }
}

html {
  scroll-behavior: smooth;
}

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

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

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

.dd0f814 {
  display: block;
}

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

.dd0f814 p {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: var(--line-height-relaxed);
  max-width: 65ch;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.gcec48ae {
  display: block;
}

.gcec48ae h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: var(--letter-spacing-normal);
}

.k75 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.5rem, 1vw, 0.75rem);
  list-style: none;
  margin: 0;
  padding: 0;
}

.k75 li {
  display: block;
}

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

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

.ibed8ad {
  display: block;
}

.ibed8ad h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: var(--letter-spacing-normal);
}

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

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

.of5a2 {
  display: block;
}

.of5a2 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2.5vw, 1.375rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  letter-spacing: var(--letter-spacing-normal);
}

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

.j30b6 li {
  display: block;
}

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

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

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

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

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

@media (min-width: 768px) {
  .d55c22a7 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(2rem, 5vw, 4rem);
  }

  .dd0f814 {
    flex: 1 1 280px;
  }

  .gcec48ae {
    flex: 0 1 auto;
  }

  .ibed8ad {
    flex: 1 1 220px;
  }

  .of5a2 {
    flex: 0 1 auto;
    width: 100%;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }

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

  .kd2 {
    width: 100%;
    margin-top: clamp(1rem, 2vw, 1.5rem);
  }
}

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

  .dd0f814 {
    flex: 1 1 auto;
    max-width: 320px;
  }

  .gcec48ae {
    flex: 0 1 auto;
  }

  .ibed8ad {
    flex: 0 1 auto;
  }

  .of5a2 {
    display: flex;
    flex-direction: column;
    gap: clamp(0.75rem, 1vw, 1rem);
    flex: 0 1 auto;
    width: auto;
    margin-top: 0;
  }

  .of5a2 h3 {
    margin-bottom: clamp(0.75rem, 1.5vw, 0.875rem);
  }

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

  .kd2 {
    display: flex;
    flex-direction: column;
    gap: clamp(0.5rem, 1vw, 0.75rem);
    width: 100%;
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    padding-top: clamp(1.5rem, 3vw, 2rem);
  }
}
    

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

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

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

.na4cc {
  text-align: center;
}

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

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

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

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

.o31b {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  cursor: pointer;
  transition: all var(--transition-base);
}

.o31b:hover {
  background: var(--color-bg-card);
  border-color: var(--color-accent);
}

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

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

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

.l5f1c8c2 {
  text-align: center;
}

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

.da155f81 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 2vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m22c651 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
  min-width: 320px;
  max-width: 550px;
  transition: all var(--transition-base);
}

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

.j8657 {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--radius-md);
  display: block;
}

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

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

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

.b2b4 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.75rem, 0.8vw + 0.5rem, 0.8125rem);
}

.aae4 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.aae4 i {
  color: var(--color-accent);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
}

.d987dfc {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  transition: all var(--transition-base);
  align-self: flex-start;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.lea46 {
  text-align: center;
}

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

.ddf6e9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 2vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.c30 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.h574e0 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  padding: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
}

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

.h574e0[open] {
  background: var(--color-bg-tertiary);
  border-color: var(--color-accent);
}

.if41630 {
  color: var(--color-text-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  user-select: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.h574e0[open] .if41630 {
  color: var(--color-accent);
}

.if41630::marker {
  color: var(--color-accent);
}

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

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

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

.m21 {
  text-align: center;
}

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

.c8e {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 2vw, 1rem) 0 0 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.oa50d65 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  min-width: 280px;
  max-width: 350px;
  text-align: center;
  transition: all var(--transition-base);
}

.oa50d65:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  background: var(--color-bg-tertiary);
}

.o086ce2 {
  color: var(--color-accent);
  font-size: clamp(2rem, 5vw, 2.5rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

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

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

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

  .oa50d65 {
    flex: 1 1 100%;
  }

  .o31b {
    padding: 0.5rem 0.875rem;
    font-size: 0.75rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .m22c651 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 300px;
  }

  .oa50d65 {
    flex: 1 1 calc(50% - clamp(0.75rem, 1.5vw, 1.25rem));
    min-width: 250px;
  }
}

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

  .oa50d65 {
    flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.667rem));
  }
}

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

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

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

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

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

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

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

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

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

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

.p4a {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}

.p4a a {
  color: var(--color-text-secondary);
  transition: var(--transition-base);
}

.p4a a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

.jccb4a {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-text-secondary);
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  letter-spacing: 0.05em;
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

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

.pb65 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.k718e439 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

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

.d191154 {
  width: 100%;
  max-height: 500px;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

.o68 {
  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, 2rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}

.i543376 {
  flex: 0 0 auto;
}

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

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

.o437a412 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

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

.f751cb94 a {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.f751cb94 a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

.h1e3c75 {
  font-size: 0.875rem;
  color: var(--color-text-muted);
  margin: 0;
}

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

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

  .i543376 {
    margin: 0 auto;
  }
}

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

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

.adac9 {
  background: var(--color-bg-card);
  padding: clamp(2rem, 3vw, 3rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  overflow: hidden;
}

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

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

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

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

.fe8 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

  .kcc4e4d,
  .fe8 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.pc8 {
  flex: 0 0 auto;
  font-size: 1.5rem;
  color: var(--color-accent);
}

.ebc113 {
  flex: 1 1 auto;
}

.if2eefc {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

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

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

  .pc8 {
    margin-top: 0.25rem;
  }
}

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

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

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

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

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

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

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

.b9ef {
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--color-bg-tertiary);
}

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

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

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

.c9dd5a3 {
  color: var(--color-text-primary);
  transition: var(--transition-base);
}

.c9dd5a3:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}

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

.ha2c168b {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

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

.gd636a69 {
  display: flex;
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2rem) 0;
}

.hb8ac0c {
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: inline-block;
  transition: var(--transition-base);
  text-decoration: none;
}

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

@media (max-width: 768px) {
  .nf852789 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .p4a {
    font-size: 0.8125rem;
  }

  .aff3 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .d984 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }

  .nd1c767 {
    padding: clamp(2rem, 6vw, 3rem) 0;
  }
}

@media (max-width: 480px) {
  .pe155d82 {
    font-size: clamp(1.5rem, 4vw, 2rem);
  }

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

  .k718e439 {
    justify-content: center;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.o01e3a73 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  margin-bottom: 1rem;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.d7b11e {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.a079c i {
  color: var(--color-accent);
  width: 1.25rem;
  text-align: center;
}

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

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

.jf4cd93 {
  flex-shrink: 0;
}

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

.gdf021a {
  flex: 1;
}

.fd7e {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-accent);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  margin-bottom: 0.5rem;
}

.b6b {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 0.25rem 0;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.le84 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

.p4888d3 {
  font-size: 1.75rem;
  color: var(--color-secondary);
  flex-shrink: 0;
}

.d859 {
  flex: 1;
}

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

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

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

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

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

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

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

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

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

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

.m98d93 {
  flex: 1 1 calc(50% - 0.5rem);
  min-width: 200px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: 1.5rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
}

.pd012c {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
}

.b8341 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

.m5ca0 {
  background: var(--color-bg-card);
  padding: 1.25rem;
  border-radius: var(--radius-lg);
}

.e82ab {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

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

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

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

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

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

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

.hcb4 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.k56a6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  text-align: center;
  line-height: var(--line-height-snug);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.hb53 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}

.l5e39 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  font-weight: 600;
}

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

.f280 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 2rem;
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  transition: all var(--transition-base);
  align-self: center;
}

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

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

@media (max-width: 768px) {
  .c47c,
  .kf02b,
  .l30,
  .o89bb,
  .m995 {
    flex-direction: column;
  }

  .bf8d60,
  .ebfded,
  .mb61fdea,
  .g7f47,
  .h57d5,
  .g1b7f3,
  .pb5d,
  .bd74ee86,
  .le24,
  .ac1672 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

  .jf4cd93 img {
    width: 100px;
    height: 100px;
  }

  .m98d93 {
    flex: 1 1 100%;
  }

  .bff {
    flex: 1 1 100%;
  }

  .f6d706c {
    flex-direction: column;
  }
}

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

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

* {
  box-sizing: border-box;
}

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

.ja43d8 {
  display: block;
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
}

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

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

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

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

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

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

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

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

.g41c9d4b {
  display: inline-block;
  background: var(--color-bg-tertiary);
  color: var(--color-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  width: fit-content;
  margin: 0 auto;
}

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

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

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

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

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

.fc8064 {
  width: 100%;
  max-width: 900px;
  margin: clamp(2rem, 5vw, 3rem) auto 0;
}

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

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

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

.oaa8 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.o0be5 {
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  padding: clamp(1.5rem, 3vw, 2rem);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

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

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

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

.ieaa43 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

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

.a0dfd::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: var(--radius-full);
}

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

  .ga5,
  .e600ec {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

.l119a15 {
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  padding: clamp(2rem, 4vw, 3rem);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

.d5ebc {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

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

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

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

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

.hc9d:hover .oe1 {
  transform: scale(1.05);
}

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

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

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

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

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

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

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

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

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

.l22e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0;
}

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

.ia0e {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
  margin-top: 1rem;
}

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

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

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

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

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

* {
  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: 'Karla', sans-serif;
  line-height: 1.6;
}

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

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

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

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

.l67 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  align-self: center;
  width: fit-content;
}

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

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

.pc0ca0 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  flex-wrap: wrap;
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

.m9c1b8a8,
.o41 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  color: var(--color-text-secondary);
}

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

.j2be46da {
  width: 100%;
  max-height: 500px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.n6d7 {
  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: 8px;
  border-left: 4px solid var(--color-accent);
}

.j7507 {
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--color-accent);
}

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

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

.d02,
.l6b3cdb {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  margin: 0;
}

.d02 a,
.l6b3cdb a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: all 0.3s ease;
}

.d02 a:hover,
.l6b3cdb a:hover {
  color: var(--color-accent);
}

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

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

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

  .h477 {
    align-items: center;
  }
}

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

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

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

.j687c3,
.h8e48570 {
  flex: 1 1 50%;
  max-width: 50%;
}

.jcd11,
.e1e3 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.2;
}

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

.l88d6c,
.a4ddc2 {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.f0c3,
.bbc3 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.a41,
.ac0021 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.2;
}

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

.g3261a,
.n81 {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.ndb i,
.j831fe6 i {
  color: var(--color-secondary);
  font-size: 1.5rem;
  flex-shrink: 0;
  margin-top: 0.25rem;
}

.a80f827b,
.eb3032 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

.nd95f2bc,
.a4f1 {
  flex: 1 1 50%;
  max-width: 50%;
}

.f38a8,
.gb2a3c4e {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.2;
}

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

.e0dd,
.f3e {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.ib2d27,
.f11 {
  flex: 1 1 50%;
  max-width: 50%;
}

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

.g039,
.o54fd7 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.2;
}

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

.gd2bc07,
.a27 {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
  display: block;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

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

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

.k14,
.ja0f7 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

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

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

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

.i63:hover,
.m25:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

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

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

.i63:hover .l72fb,
.i63:hover .d5d,
.m25:hover .l72fb,
.m25:hover .d5d {
  transform: scale(1.05);
}

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

.hd04,
.a74 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}

.hd04 a,
.a74 a {
  color: var(--color-text-primary);
  text-decoration: none;
  transition: color 0.3s ease;
}

.hd04 a:hover,
.a74 a:hover {
  color: var(--color-accent);
}

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

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

.ldee09:hover,
.cacdfe5f:hover {
  color: var(--color-accent-hover);
  text-decoration: underline;
}

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

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

.a798418d,
.p883 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-family: 'Spectral', serif;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

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

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

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

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

.iae3c:hover,
.ia37f16:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(185, 28, 28, 0.3);
}

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

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

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

.m735 span,
.oe17a span {
  color: var(--color-text-muted);
}

@media (max-width: 768px) {
  .gd6c,
  .ib1d22,
  .l1694,
  .ac34,
  .a5a,
  .c063b4a8,
  .i810,
  .f3d0 {
    flex-direction: column;
  }

  .ma24c8,
  .p759,
  .j687c3,
  .h8e48570,
  .a525a0,
  .c5910e,
  .f0c3,
  .bbc3,
  .f666,
  .c81d9,
  .nd95f2bc,
  .a4f1,
  .ae317,
  .j9662,
  .ib2d27,
  .f11 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h360ed,
  .f04a717a {
    flex-direction: column;
  }

  .i63,
  .m25 {
    flex: 1 1 100%;
    min-width: auto;
  }

  .m735,
  .oe17a {
    font-size: 0.8125rem;
  }
}

@media (max-width: 1024px) and (min-width: 769px) {
  .i63,
  .m25 {
    flex: 1 1 calc(50% - 1.5rem);
  }
}

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

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

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

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

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

section {
  overflow: hidden;
}

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

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

.d461b652 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw, 3.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  letter-spacing: var(--letter-spacing-tight);
}

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

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

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

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

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

.n1e6 {
  font-size: clamp(0.8125rem, 1vw, 0.9rem);
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.f358439 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.ebe {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
  line-height: var(--line-height-relaxed);
}

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

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

.i91cd333 h3 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  font-family: var(--font-heading);
}

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

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

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

.i85c0a15 {
  text-align: center;
}

.i85c0a15 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

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

.g9e {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
}

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

.gf013ac {
  background: var(--color-bg-primary);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-full);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border-light);
}

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

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

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

.p5385f h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.o9b33 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
}

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

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

.fe16f1a4 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: var(--color-primary);
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  line-height: 1;
}

.d006 {
  flex: 1;
}

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

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

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

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

.i9e348 {
  text-align: center;
}

.i9e348 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1.5rem;
}

.lec6b {
  background: var(--color-bg-primary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-primary);
  max-width: 800px;
  margin: 0 auto;
}

.lec6b p {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  font-style: italic;
}

.j289 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: var(--radius-lg);
  object-fit: cover;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

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

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

.be18 {
  text-align: center;
}

.be18 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: 1rem;
}

.j8b80e {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 800px;
  margin: 0 auto;
}

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

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

.i5df {
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-primary);
  flex-shrink: 0;
  width: clamp(2rem, 3vw, 2.5rem);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.a3cd {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 6vw, 4rem) 0;
  border-top: 1px solid var(--color-border-light);
}

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

.c3592661 h3 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.c3592661 p {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  max-width: 900px;
}

.n50 {
  font-size: 1.25rem;
  color: var(--color-primary);
}

@media (min-width: 768px) {
  .n0e72f34 {
    gap: 2.5rem;
  }

  .f97f1abc {
    flex-direction: row;
  }
}

@media (max-width: 767px) {
  .fe16f1a4 {
    font-size: 1.75rem;
  }
}

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

.f6ce {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-bg-primary);
}

.k4cf {
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  min-height: 500px;
}

.od9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

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

.n3454a {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 500px;
  background: rgba(26, 15, 10, 0.75);
  padding: clamp(2rem, 5vw, 3rem);
  text-align: center;
}

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

.d180f6 {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  line-height: var(--line-height-relaxed);
  font-weight: 400;
}

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

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

.ccd8db33 {
  text-align: center;
}

.i9df {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

.b5b5914 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.deb7 {
  text-align: center;
}

.g00350 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

.l3e8 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.p1954 {
  flex: 1 1 clamp(250px, 100%, 280px);
  min-height: auto;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

.n2723a2d {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
}

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

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

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

.eb0dd72 {
  text-align: center;
}

.k3f0175 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

.j96d7 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.mbfd {
  flex: 1 1 clamp(300px, 100%, 350px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: var(--transition-base);
  cursor: pointer;
}

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

.ide {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.lccc1c0 {
  text-align: center;
}

.pc3a7 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

.nf8c {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.g0b {
  flex: 1 1 clamp(280px, 100%, 320px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
  transition: var(--transition-base);
}

.g0b:hover {
  transform: translateY(-4px);
}

.a4177c4 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.bb1fb8f0 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.db7 {
  text-align: center;
}

.kc083 {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin: 0 0 0.75rem 0;
  font-weight: 600;
}

.d0b12f {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.i926f43 {
  flex: 1 1 clamp(300px, 100%, 420px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  transition: var(--transition-base);
  border-bottom: 3px solid transparent;
}

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

.d97b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.gf2cdb {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  transition: var(--transition-base);
  text-decoration: none;
}

.i926f43:hover .gf2cdb {
  gap: 0.75rem;
}

.gf2cdb i {
  font-size: 0.75rem;
}

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

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

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

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

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

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

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

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

.j38 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

.j331 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-snug);
  font-weight: 700;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l731 {
  color: var(--color-accent);
  text-decoration: none;
  transition: var(--transition-base);
  font-weight: 600;
}

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

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

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

  .f6ce {
    min-height: 400px;
  }

  .c87701 {
    flex-direction: column;
  }

  .p1954 {
    flex: 1 1 100%;
  }

  .jf370a {
    flex-direction: column;
  }

  .mbfd {
    flex: 1 1 100%;
  }

  .m90560 {
    flex-direction: column;
  }

  .g0b {
    flex: 1 1 100%;
  }

  .d6c {
    flex-direction: column;
  }

  .i926f43 {
    flex: 1 1 100%;
  }

  .h6e36 {
    flex-direction: column;
  }

  .ibfc9943 {
    flex: 1 1 100%;
  }

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

@media (min-width: 769px) and (max-width: 1023px) {
  .c87701 {
    flex-direction: row;
  }

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

  .jf370a {
    flex-direction: row;
  }

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

  .m90560 {
    flex-direction: row;
  }

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

  .d6c {
    flex-direction: row;
  }

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

@media (min-width: 1024px) {
  .c87701 {
    flex-direction: row;
  }

  .p1954 {
    flex: 1 1 calc(25% - 1.125rem);
  }

  .jf370a {
    flex-direction: row;
  }

  .mbfd {
    flex: 1 1 calc(33.333% - 1.333rem);
  }

  .m90560 {
    flex-direction: row;
  }

  .g0b {
    flex: 1 1 calc(25% - 1.125rem);
  }

  .d6c {
    flex-direction: row;
  }

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

  .h6e36 {
    flex-direction: row;
  }

  .ibfc9943 {
    flex: 1 1 45%;
  }

  .f9b {
    flex: 1 1 45%;
  }
}

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

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

.mb71 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.lbad {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.bace20 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

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

@media (min-width: 768px) {
  .mb71 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .mb71 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.l8d5c33 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.bf49a0e {
  max-width: 1200px;
  margin: 0 auto;
}

.ed2fff8 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .ed2fff8 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
  
  .l8d5c33 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ed2fff8 {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .l8d5c33 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.h98926f6 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-2xl);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

.pe1736 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
}

.f9b8c {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
}

.la4a1c {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
  flex-grow: 1;
}

.bb4 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.bb4 li {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
}

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

.hb5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.kac40 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-tight);
}

.f6aa2f78 {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-2xl) 0;
  line-height: var(--line-height-relaxed);
}

.aa2aeec {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: var(--font-size-base);
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
}

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

.aa2aeec:active {
  transform: scale(0.98);
}

@media (min-width: 768px) {
  .hb5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hb5 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.ffa706 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  border-top: 1px solid var(--color-border-light);
}

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

.bf8a7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  line-height: var(--line-height-snug);
}

.ac58 {
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
}

.f25b {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.b14 {
  display: block;
  color: var(--color-primary);
  text-decoration: none;
  font-size: var(--font-size-base);
  padding: var(--spacing-sm) var(--spacing-md);
  border-left: 3px solid var(--color-primary);
  padding-left: var(--spacing-md);
  transition: all var(--transition-base);
  line-height: var(--line-height-normal);
}

.b14:hover {
  color: var(--color-primary-hover);
  border-left-color: var(--color-primary-hover);
  padding-left: var(--spacing-lg);
}

@media (min-width: 768px) {
  .ffa706 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ffa706 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

@media (max-width: 480px) {
  .h98926f6 {
    padding: var(--spacing-lg);
  }
  
  .bace20 {
    margin-bottom: var(--spacing-sm);
  }
}

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

.e31391 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

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

.c91 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.feed9 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.g2123db {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

.g69e915 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.hc1 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.p98a0 {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.lea32c7c {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-accent);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  font-weight: 600;
  margin-bottom: var(--spacing-sm);
}

.d6e6e {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-snug);
  letter-spacing: var(--letter-spacing-tight);
}

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

.f1889 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-lg);
  overflow: hidden;
}

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

.m1404aab {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.nb209 {
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: var(--line-height-relaxed);
}

.b080 {
  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: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border: none;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

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

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

@media (min-width: 768px) {
  .e31391 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }

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

  .g69e915 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .l9e0b {
    height: 220px;
  }

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

@media (min-width: 1024px) {
  .e31391 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

  .hc1 {
    flex-direction: row;
  }

  .l9e0b {
    width: 40%;
    height: auto;
    min-height: 280px;
  }

  .p98a0 {
    width: 60%;
    padding: var(--spacing-2xl);
  }

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

@media (min-width: 1440px) {
  .g69e915 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.a807 .n51849 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.a807 .k047 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) 0;
}

.a807 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: var(--line-height-tight);
}

.a807 .a093a7 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-3xl);
  font-style: italic;
}

.a807 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-snug);
}

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

.a807 ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--spacing-md);
}

.a807 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
  padding-left: var(--spacing-lg);
  position: relative;
}

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

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

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

.a807 .o906b948 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border-left: 4px solid var(--color-primary);
}

.a807 .o906b948 h2 {
  margin-top: 0;
}

.a807 .o906b948 p {
  margin-bottom: var(--spacing-sm);
}

.a807 .h8a3fad {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.a807 .h8a3fad p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .a807 .k047 {
    padding: var(--spacing-4xl) 0;
  }

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

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

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

.m24b {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

.n51849 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ge41 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  padding: var(--spacing-2xl) var(--spacing-md);
}

.jd1dd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-xl);
  border-radius: var(--radius-full);
  background-color: var(--color-success-light);
  color: var(--color-success);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.jd1dd svg {
  width: 48px;
  height: 48px;
  stroke-width: 1.5;
}

.ge41 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.e5f9a42 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
  font-weight: 600;
  line-height: var(--line-height-relaxed);
}

.f07e {
  margin: var(--spacing-lg) 0 var(--spacing-2xl) 0;
}

.f07e p {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

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

.b30 {
  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: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-wide);
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  margin-top: var(--spacing-xl);
}

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

.b30:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .m24b {
    padding: var(--spacing-lg);
  }

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

  .jd1dd {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-2xl);
  }

  .jd1dd svg {
    width: 56px;
    height: 56px;
  }
}

@media (min-width: 768px) {
  .m24b {
    padding: var(--spacing-xl);
  }

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

  .jd1dd {
    width: 120px;
    height: 120px;
    margin-bottom: var(--spacing-2xl);
  }

  .jd1dd svg {
    width: 64px;
    height: 64px;
  }

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

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

  .f07e {
    margin: var(--spacing-2xl) 0 var(--spacing-3xl) 0;
  }

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

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

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

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

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

.i8b7 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  overflow: hidden;
}

.na15 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
  min-height: 100vh;
}

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

.k047 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.j5d48 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--spacing-2xl);
}

.ib22 {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-xl);
}

.nf4a0775 {
  position: relative;
  display: inline-block;
}

.nf804ee {
  font-size: clamp(3rem, 12vw, 6rem);
  font-weight: 900;
  letter-spacing: var(--letter-spacing-tight);
  color: var(--color-primary);
  font-family: var(--font-heading);
  line-height: 1;
  position: relative;
  z-index: 2;
  display: block;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  animation: slideInDown 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.cf406de {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(200px, 80vw, 400px);
  height: clamp(200px, 80vw, 400px);
  background: radial-gradient(circle, var(--color-primary-light) 0%, transparent 70%);
  border-radius: var(--radius-full);
  z-index: 1;
  opacity: 0.15;
  animation: pulse 4s ease-in-out infinite;
}

.jbc {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  animation: slideInUp 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.2s both;
}

.pce120b {
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.k1fa {
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  font-weight: 500;
}

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

.bd768c0 p {
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
}

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

.eff4 {
  margin-top: var(--spacing-xl);
  display: flex;
  justify-content: center;
}

.ed1bc {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-lg);
  border: 2px solid transparent;
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
  text-align: center;
  line-height: var(--line-height-snug);
}

.bad82 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.bad82:hover {
  background-color: var(--color-primary-hover);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  transform: translateY(-2px);
}

.bad82:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

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

.e830 {
  margin-top: var(--spacing-2xl);
  padding-top: var(--spacing-xl);
  border-top: 1px solid var(--color-border-light);
}

.p8d1ee8 {
  font-size: clamp(0.85rem, 1.2vw, 0.95rem);
  color: var(--color-text-muted);
  letter-spacing: var(--letter-spacing-normal);
  font-weight: 500;
}

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

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

@keyframes pulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.15;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0.1;
  }
}

@media (min-width: 640px) {
  .na15 {
    padding: var(--spacing-2xl);
  }

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

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

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

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

@media (min-width: 768px) {
  .na15 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

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

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

@media (min-width: 1024px) {
  .na15 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

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

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

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

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

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

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

@media (max-width: 479px) {
  .nf804ee {
    font-size: clamp(2.5rem, 10vw, 3.5rem);
  }

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

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

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

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

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

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

  .e830 {
    margin-top: var(--spacing-lg);
    padding-top: var(--spacing-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nf804ee,
  .jbc,
  .cf406de {
    animation: none;
  }

  .bd768c0 p,
  .bad82 {
    transition: none;
  }
}

@media (prefers-color-scheme: dark) {
  .nf804ee {
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  }

  .bad82 {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  .bad82:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
  }

  .bad82:active {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  }
}

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

.j52 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.p9c7c7 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

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

.h7e60d {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.2rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

@media (min-width: 768px) {
  .j52 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .j52 {
    padding: 6rem 0;
  }
}

.cd7 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.ic5c9 {
  width: 100%;
  padding: 0 1.5rem;
}

.ld4f95 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.p43bd65 {
  flex: 1 1 100%;
  min-width: 0;
}

.gda9c357 {
  flex: 1 1 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .cd7 {
    padding: 4rem 0;
  }

  .ld4f95 {
    gap: 3.5rem;
  }

  .p43bd65 {
    flex: 1 1 45%;
  }

  .gda9c357 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .cd7 {
    padding: 5rem 0;
  }

  .ld4f95 {
    gap: 4rem;
  }

  .p43bd65 {
    flex: 0 1 500px;
  }

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

.ibe59d06 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 1.75rem;
  line-height: var(--line-height-tight);
}

.p27c {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

.d686a5a0 {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.la84c12f,
.n4b {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
  line-height: var(--line-height-normal);
}

.la84c12f::placeholder,
.n4b::placeholder {
  color: var(--color-text-muted);
}

.la84c12f:focus,
.n4b:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.la84c12f:invalid:not(:placeholder-shown),
.n4b:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.n4b {
  min-height: 140px;
  resize: vertical;
  font-size: var(--font-size-base);
}

.p0d91 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-danger);
  display: none;
  margin-top: 0.25rem;
}

.p0d91.l69 {
  display: block;
}

.jba {
  padding: 1rem;
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.j134 {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

.e69 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

.e69:hover,
.e69:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.n482a1 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  font-weight: 600;
  width: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
  margin-top: 0.5rem;
}

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

.n482a1:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

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

.d0283 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 2rem;
  line-height: var(--line-height-tight);
}

.d1c3 {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 2rem;
  align-items: flex-start;
}

.l1b03 {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.25rem;
}

.j7657e {
  flex: 1;
}

.cf3abf {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.c1fe52 {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.k3df6:hover,
.k3df6:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.pe48ec {
  height: 1px;
  background-color: var(--color-border-light);
  margin: 2rem 0;
}

.lc4 {
  background-color: var(--color-bg-tertiary);
  padding: 1.5rem;
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-secondary);
  margin-bottom: 1.5rem;
}

.e5f9 {
  border-left-color: var(--color-primary);
}

.dd80c9 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

.cba8c {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0 0 1rem 0;
  line-height: var(--line-height-relaxed);
}

.n636a {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary);
  text-decoration: none;
  transition: all var(--transition-base);
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-wide);
}

.n636a:hover,
.n636a:focus {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.a727fbf {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.n3dc81e {
  width: 100%;
  padding: 0 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}

.pc4bec96 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: 0.75rem;
  text-align: center;
  line-height: var(--line-height-tight);
}

.m1eee3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  text-align: center;
  margin-bottom: 2.5rem;
  line-height: var(--line-height-relaxed);
}

.n8d9 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.75rem;
}

@media (min-width: 768px) {
  .a727fbf {
    padding: 4rem 0;
  }

  .n8d9 {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }

  .m1eee3 {
    margin-bottom: 3rem;
  }
}

@media (min-width: 1024px) {
  .a727fbf {
    padding: 5rem 0;
  }

  .n8d9 {
    gap: 2.5rem;
  }
}

.mee {
  background-color: var(--color-bg-card);
  padding: 1.75rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

.dbf7 {
  font-family: var(--font-heading);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  line-height: var(--line-height-snug);
}

.jef7d {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

@media (max-width: 767px) {
  .ic5c9 {
    padding: 0 1rem;
  }

  .p9c7c7 {
    padding: 0 1rem;
  }

  .n3dc81e {
    padding: 0 1rem;
  }
}
.b60,.h0a395{
  width: 34px;
}

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

.eb9eb46{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .eb9eb46{
    max-width: 100%;
  }
}

.eb9eb46.bc00{
  z-index: 999;
}

.ec7bc85{
  padding-top: 50px;
}

.b60[aria-expanded="true"]{
  display: none;
}

@media (max-width: 768px) {
  .f8bb06 img {
    aspect-ratio: 6 / 9;
  }
  .j8657 {
    aspect-ratio: 6 / 9;
  }
}