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

:root {
  --color-bg-primary: #111827;
  --color-bg-secondary: #1f2937;
  --color-bg-tertiary: #374151;
  --color-bg-card: #1f2937;

  --color-text-primary: #ffffff;
  --color-text-secondary: #9ca3af;
  --color-text-muted: #90959f;

  --color-primary: #06b6d4;
  --color-primary-hover: #0891b2;
  --color-primary-light: #22d3ee;
  --color-secondary: #22d3ee;
  --color-secondary-light: #06f3ff;

  --color-success: #10b981;
  --color-success-light: #34d399;
  --color-warning: #f59e0b;
  --color-warning-light: #fbbf24;
  --color-danger: #ef4444;
  --color-danger-light: #f87171;

  --color-border: #374151;
  --color-border-light: #2d3748;

  --font-primary: 'Lora', serif;
  --font-heading: 'Playfair Display', serif;

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: clamp(2.5rem, 5vw, 4rem);
  margin-bottom: var(--spacing-lg);
}

h2 {
  font-size: clamp(1.875rem, 4vw, 3rem);
  margin-bottom: var(--spacing-lg);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  margin-bottom: var(--spacing-md);
}

h4 {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-md);
}

h5 {
  font-size: 1.125rem;
  margin-bottom: var(--spacing-sm);
}

h6 {
  font-size: 1rem;
  margin-bottom: var(--spacing-sm);
}

p {
  margin-bottom: var(--spacing-md);
  color: var(--color-text-secondary);
  font-size: 1rem;
  line-height: 1.8;
}

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

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

button {
  font-family: var(--font-primary);
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
  border-radius: var(--radius-lg);
  font-weight: 600;
}

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

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

.m6de {
  background: var(--color-primary);
  color: var(--color-bg-primary);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .pf7796,
  .fd1ec7 {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

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

.nbfc28b {
  display: flex;
}

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

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

.oc07a {
  flex-direction: column;
}

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

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

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

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

.m1ad6 {
  text-align: center;
}

.cba604e8 {
  text-align: left;
}

.oebc47 {
  text-align: right;
}

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

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

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

.eb36af { margin-top: var(--spacing-sm); }
.l9cb4a5 { margin-top: var(--spacing-md); }
.ae7dc4d { margin-top: var(--spacing-lg); }
.o3a98 { margin-top: var(--spacing-xl); }
.b27cce { margin-top: var(--spacing-2xl); }

.me9b9 { margin-bottom: var(--spacing-sm); }
.f818b50 { margin-bottom: var(--spacing-md); }
.def5 { margin-bottom: var(--spacing-lg); }
.m7d4c58 { margin-bottom: var(--spacing-xl); }
.iee { margin-bottom: var(--spacing-2xl); }

.c9b3 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.b5d { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.mb1d7 { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }
.oa7 { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }
.h82e { padding-top: var(--spacing-2xl); padding-bottom: var(--spacing-2xl); }
.g6ee91 { padding-top: var(--spacing-3xl); padding-bottom: var(--spacing-3xl); }

.b3a { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.i3f55e { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.ja27 { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }
.n09 { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }

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

@media (max-width: 640px) {
  .o6bb93 {
    padding: var(--spacing-2xl) 0;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}

.h27e30a {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-md);
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: 1px solid var(--color-primary);
}

.db65a8c4 {
  background: rgba(16, 185, 129, 0.1);
  color: var(--color-success);
  border-color: var(--color-success);
}

.ief1e {
  background: rgba(245, 158, 11, 0.1);
  color: var(--color-warning);
  border-color: var(--color-warning);
}

.d71 {
  background: rgba(239, 68, 68, 0.1);
  color: var(--color-danger);
  border-color: var(--color-danger);
}

.ba6 {
  width: 100%;
  height: 1px;
  background: var(--color-border);
  margin: var(--spacing-xl) 0;
}

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

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

.l8a38d {
  position: relative;
  padding-left: var(--spacing-lg);
}

.l8a38d::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

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

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

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

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

.d1504 {
  animation: fadeIn var(--transition-base) ease-out;
}

.a4e8aaf {
  animation: slideInUp var(--transition-base) ease-out;
}

.e708b3 {
  animation: slideInDown var(--transition-base) ease-out;
}

.jfdba {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

input, textarea, select {
  background: var(--color-bg-secondary);
  border: 1px solid var(--color-border);
  color: var(--color-text-primary);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  font-size: 1rem;
  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(6, 182, 212, 0.1);
}

input::placeholder, textarea::placeholder {
  color: var(--color-text-muted);
}
.n564fd {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  width: 100%;
}

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

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

.kabbf:hover {
  opacity: 0.8;
}

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

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

.df3 {
  display: none;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  align-items: center;
  flex: 1;
  margin-left: clamp(1.5rem, 4vw, 3rem);
}

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

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

.gfccb {
  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: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  border-radius: 0.5rem;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background var(--transition-fast) ease;
}

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

.hc5c32 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  gap: 6px;
  flex-shrink: 0;
}

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

.hc5c32.gc907264 span:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.hc5c32.gc907264 span:nth-child(2) {
  opacity: 0;
}

.hc5c32.gc907264 span:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

.d3aab4 {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: var(--color-bg-primary);
  display: flex;
  flex-direction: column;
  padding-top: clamp(4rem, 10vw, 5rem);
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all var(--transition-base) ease;
  z-index: 99;
  border-left: 1px solid var(--color-border-light);
  overflow-y: auto;
}

.d3aab4.gc907264 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.g56 {
  display: flex;
  justify-content: flex-end;
  padding: 1rem clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.c336970 {
  color: var(--color-text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1.125rem);
  font-weight: 500;
  padding: clamp(0.875rem, 2vw, 1.125rem) clamp(1rem, 3vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--transition-fast) ease;
}

.c336970:hover {
  background: var(--color-bg-secondary);
  color: var(--color-accent);
  padding-left: clamp(1.25rem, 4vw, 2.5rem);
}

.ldbc47 {
  margin: clamp(1.5rem, 3vw, 2rem) clamp(1rem, 3vw, 2rem);
  padding: 0.875rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 2vw, 1rem);
  font-weight: 600;
  border-radius: 0.5rem;
  text-align: center;
  transition: background var(--transition-fast) ease;
  display: block;
}

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

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

  .gfccb {
    display: block;
  }

  .hc5c32 {
    display: none;
  }

  .d3aab4 {
    display: none;
  }
}

@media (max-width: 767px) {
  .o6f3b1d {
    display: none;
  }
}

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

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

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

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

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

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

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

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

.n3e {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}

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

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

.c14 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: transparent;
  color: var(--color-accent);
  border: 2px solid var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-base);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  text-align: center;
}

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

.a2b16 {
  flex: 1 1 45%;
  min-height: 300px;
}

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

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

  .p768e2 {
    flex: 1 1 100%;
  }

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

  .n3e {
    flex-direction: column;
  }

  .ndeadb6,
  .c14 {
    width: 100%;
  }
}

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

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

.m07802d1 {
  text-align: center;
}

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

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

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

.i8086 {
  flex: 1 1 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  border-top: 4px solid var(--color-accent);
}

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

.m6d {
  height: 0;
  width: 0;
  display: none;
}

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

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

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

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

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

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

.efdc7 {
  text-align: center;
}

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

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

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

.be63a442 {
  flex: 0 1 auto;
  background: var(--color-bg-secondary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  min-width: 200px;
  text-align: center;
}

.d886710 {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  display: block;
}

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

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

.o9e767a {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

.k445 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-weight: 700;
  flex: 0 0 auto;
}

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

  .k445 {
    transform: rotate(90deg);
    margin: 0.25rem 0;
  }

  .be63a442 {
    min-width: 100%;
  }
}

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

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

.c8a8 {
  text-align: center;
}

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

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

.m00bbbf2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  overflow-x: auto;
  padding-bottom: 1rem;
  scroll-behavior: smooth;
}

.m00bbbf2::-webkit-scrollbar {
  height: 6px;
}

.m00bbbf2::-webkit-scrollbar-track {
  background: var(--color-bg-card);
  border-radius: 10px;
}

.m00bbbf2::-webkit-scrollbar-thumb {
  background: var(--color-accent);
  border-radius: 10px;
}

.pb398 {
  flex: 0 0 clamp(280px, 40vw, 400px);
  background: var(--color-bg-primary);
  border-radius: var(--radius-md);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-md);
}

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

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

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

.pb398:hover .g01b {
  transform: scale(1.05);
}

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

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

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

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

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

.lf0bf {
  text-align: center;
}

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

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

@media (max-width: 768px) {
  .m00bbbf2 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .pb398 {
    flex: 0 0 calc(100vw - clamp(2rem, 8vw, 4rem));
  }
}

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

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

.dd21f {
  text-align: center;
}

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

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

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

.g30b4ff {
  flex: 1 1 200px;
  max-width: 280px;
  text-align: center;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-md);
  border-top: 4px solid var(--color-accent);
}

.m377 {
  font-size: clamp(2.25rem, 6vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: 0.5rem;
  display: block;
}

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

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

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

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

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

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

.i9a759e {
  text-align: center;
}

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

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

.o7e {
  display: flex;
  flex-direction: row;
  gap: 0;
  align-items: stretch;
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
}

.e1406,
.n227e {
  flex: 1 1 50%;
  padding: clamp(2rem, 4vw, 3rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

.ocfe {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-weight: 700;
  margin: 0;
}

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

.n227e .ocfe {
  color: var(--color-text-on-accent);
}

.k01 {
  width: 0;
  height: auto;
  display: none;
}

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

.b3305 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  line-height: 1.6;
  padding-left: 1.75rem;
  position: relative;
  margin: 0;
}

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

.e1406 .b3305::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-danger);
  font-weight: bold;
}

.n227e .b3305 {
  color: var(--color-text-on-accent);
}

.n227e .b3305::before {
  content: "";
  position: absolute;
  left: 0;
  color: var(--color-text-on-accent);
  font-weight: bold;
}

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

  .e1406,
  .n227e {
    flex: 1 1 100%;
  }
}

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

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

.p13efe50 {
  background: var(--color-accent);
  padding: clamp(2rem, 5vw, 3.5rem);
  border-radius: var(--radius-lg);
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

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

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

.dc8 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-primary);
  color: var(--color-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 600;
  transition: all var(--transition-base);
  font-size: clamp(0.8125rem, 1vw, 1rem);
  width: fit-content;
  margin: 0 auto;
}

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

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

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

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

.d8cd8ad {
  text-align: center;
}

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

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

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

.f1d02 {
  background: var(--color-bg-primary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
}

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

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

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

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

.j66 {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-base);
}

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

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

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

.g44 {
  text-align: center;
}

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

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

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

.odd5 {
  flex: 1 1 250px;
  max-width: 350px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all var(--transition-base);
  text-align: center;
}

.odd5:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-top: 3px solid var(--color-accent);
}

.k016 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  color: var(--color-accent);
  display: flex;
  justify-content: center;
}

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

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

.i8300c {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color var(--transition-base);
  margin-top: 0.5rem;
}

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

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

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

.e14 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-primary);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid var(--color-border);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
}

.e14.nb5 {
  display: none;
}

.b34e89b {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  margin: 0;
  flex: 1 1 auto;
  min-width: 200px;
  line-height: 1.5;
}

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

.k021848,
.c0b7 {
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all var(--transition-base);
  white-space: nowrap;
}

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

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

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

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

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

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

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

  .k021848,
  .c0b7 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (min-width: 1024px) {
  .e95b,
  .k03,
  .i6a5b9,
  .l1dac,
  .lda,
  .g978cc,
  .o267f,
  .m706,
  .p1d06f {
    padding: clamp(4rem, 10vw, 8rem) 0;
  }
}

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

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

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

.h6ae {
  max-width: 600px;
}

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

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

.i27 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(2rem, 5vw, 3.5rem);
}

.he56fc9e,
.n501 {
  flex: 1 1 250px;
  min-width: 200px;
}

.he56fc9e h4,
.n501 h4,
.ob74 h4 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-family: var(--font-heading);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
}

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

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

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

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

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

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

.ob74 {
  flex: 1 1 250px;
  min-width: 200px;
}

.h41 {
  border-top: 1px solid var(--color-border-light);
  padding-top: clamp(2rem, 4vw, 3rem);
  text-align: center;
}

.gb641dc3 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .i27 {
    flex-direction: column;
    gap: clamp(2rem, 4vw, 2.5rem);
  }

  .he56fc9e,
  .n501 {
    flex: 1 1 100%;
  }

  .ob74 {
    flex: 1 1 100%;
  }

  .b233d53 {
    gap: clamp(0.75rem, 1.5vw, 1rem);
  }

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

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 {
  width: 100%;
}

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

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

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

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

.e85 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 1.5rem);
  text-align: center;
  flex: 1 1 100%;
}

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

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

.gb5 {
  width: 100%;
  max-width: 500px;
  flex: 1 1 100%;
}

.gb5 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

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

  .e85 {
    flex: 1 1 50%;
    text-align: left;
  }

  .i644a702 {
    margin: 0;
  }

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

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

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

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

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

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

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

.pef {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.25rem, 3vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 380px;
  transition: all var(--transition-base) ease;
}

.k6afb {
  flex: 1 1 100%;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: stretch;
}

.k6afb .ld6a {
  flex: 1 1 40%;
  min-width: 250px;
  aspect-ratio: 4/3;
}

.k6afb .i1b6ab {
  flex: 1 1 60%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
}

.pef:hover {
  transform: translateY(-4px);
  border-color: var(--color-accent);
  box-shadow: 0 12px 35px rgba(6, 182, 212, 0.15);
}

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

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

.m49280 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  line-height: 1.4;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

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

.b69 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 3vw, 1.5rem);
  flex-wrap: wrap;
  font-size: clamp(0.75rem, 1vw + 0.5rem, 0.875rem);
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border);
  padding-top: clamp(0.75rem, 2vw, 1rem);
}

.f31,
.e00908,
.bb2 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-text-muted);
}

.f31 i,
.e00908 i,
.bb2 i {
  color: var(--color-accent);
  width: 14px;
  text-align: center;
}

.p22 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: all var(--transition-base) ease;
  width: fit-content;
  margin-top: auto;
}

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

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

  .k6afb .ld6a {
    flex: 1 1 100%;
    aspect-ratio: 16/9;
    min-width: auto;
  }

  .k6afb .i1b6ab {
    flex: 1 1 auto;
  }

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

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

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

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

@media (min-width: 1024px) {
  .pef:not(.k6afb) {
    flex: 1 1 calc(33.333% - 1rem);
  }

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

  .k6afb .ld6a {
    flex: 0 0 380px;
  }

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

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

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

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

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

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

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

.j0946 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  max-width: 90%;
}

.od2ec44e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  margin-top: 1rem;
}

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

.gf8 i {
  color: var(--color-accent);
  font-size: 1em;
}

.i413833 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

.m9a280d7 {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nf35d2 {
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.h1bf5f {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  max-width: 100%;
}

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

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

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

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

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

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

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

.hdf1 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  font-family: 'Courier New', monospace;
  background: var(--color-bg-primary);
  padding: 0.75rem;
  border-radius: var(--radius-sm);
  overflow-x: auto;
}

.m362 {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-tertiary) 100%);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  margin-top: clamp(1.5rem, 3vw, 2.5rem);
}

.b349223 {
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
}

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

.jb977b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  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);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

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

.d065 {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

.aa5b31 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 700;
  text-align: center;
}

.ie3 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  text-align: center;
}

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

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

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

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

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

.if743f:hover .k45f46d {
  transform: scale(1.05);
}

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

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

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

.jfd {
  display: inline-flex;
  align-items: center;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 600;
  transition: all var(--transition-base);
  width: fit-content;
}

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

.jfd::after {
  content: "";
  margin-left: 0.5rem;
}

@media (max-width: 1023px) {
  .l6fbf3,
  .h12,
  .k15967 {
    flex-direction: column;
    align-items: stretch;
  }

  .ia0,
  .i46f,
  .lefe2,
  .m16b08e8,
  .p06e58,
  .fb195 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h12 .m16b08e8 {
    order: 0;
  }

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

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

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

  .f009 {
    gap: 1rem;
  }

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

  .efe {
    width: 36px;
    height: 36px;
    font-size: 1rem;
  }

  .m362 {
    align-items: stretch;
  }

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

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

  .j0946 {
    max-width: 100%;
  }

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

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

  .gf8 {
    flex-direction: row;
  }
}

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

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

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

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

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

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

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

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

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

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

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

.m1cb9cb {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  max-width: 650px;
}

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

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

.l79 i {
  color: var(--color-accent);
  font-size: 1.125rem;
}

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

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

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

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

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

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

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

.f44192ee {
  width: 100%;
}

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

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

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

.d29aa5c {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  line-height: 1.6;
}

.d29aa5c::before {
  content: "";
  color: var(--color-accent);
  font-weight: bold;
  flex-shrink: 0;
  margin-top: 2px;
}

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

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

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

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

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

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

.a136fd {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  border-left: 3px solid var(--color-accent);
}

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

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

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

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

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

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

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

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

.p5186b81 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  font-weight: 700;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.p5186b81 i {
  color: var(--color-warning);
  font-size: 1.375rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

.nf0c {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-success);
}

.j9e52b {
  color: var(--color-success);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.975rem);
  display: block;
  margin-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.a17b {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 3px solid var(--color-accent);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

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

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

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

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

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

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

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

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

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

.pb9d {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-danger);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

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

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

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

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

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

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

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

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

.be62b0d {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  margin-top: clamp(1rem, 3vw, 1.5rem);
}

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

.p11b54ce {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 700;
  transition: background var(--transition-base), transform var(--transition-base);
  width: fit-content;
  border: none;
  cursor: pointer;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.o81 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--color-accent);
  text-decoration: none;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.875rem);
  font-weight: 700;
  transition: color var(--transition-base);
  width: fit-content;
}

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

.o81::after {
  content: "";
  font-size: 1em;
}

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

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

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

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

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

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

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

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

.nf1 {
  color: var(--color-accent);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.975rem);
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.af914e {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.975rem);
  line-height: 1.7;
  margin: 0;
  max-width: 400px;
}

@media (max-width: 1023px) {
  .fb73271,
  .o5c9a2,
  .e02 {
    flex-direction: column;
  }

  .dae2a,
  .ec1663,
  .m4fe7d0,
  .k2a4,
  .m760,
  .d39e6 {
    flex: 1 1 100%;
    max-width: 100%;
    order: auto !important;
  }

  .a17b {
    flex: 1 1 100%;
    min-width: unset;
  }

  .c5a12 {
    flex: 1 1 100%;
    min-width: unset;
  }
}

@media (max-width: 768px) {
  .ja4607 {
    flex-direction: column;
    gap: clamp(1.5rem, 4vw, 2.5rem);
  }

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

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

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

  .a17b {
    flex: 1 1 100%;
    min-width: unset;
  }

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

  .c5a12 {
    flex: 1 1 100%;
    min-width: unset;
  }

  .nb86c59 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .l210b112 {
    font-size: clamp(0.75rem, 1vw, 0.8125rem);
  }

  .c9a42 {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.25rem);
  }

  .l79 {
    width: 100%;
  }

  .a136fd,
  .pb9d,
  .pfc5 {
    padding: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

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

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

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

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

.c838 {
  display: inline;
}

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

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

.k5b2d {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  max-width: 800px;
}

.ac78 {
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-lg);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aadeca6b {
  text-align: center;
}

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

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

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

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

.e874 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  line-height: 1.4;
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

.jed {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  line-height: 1.4;
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

.c15798 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 240px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all 0.3s ease;
}

.c15798:hover {
  border-color: var(--color-accent);
  box-shadow: var(--shadow-sm);
}

.i23ab {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  line-height: 1.4;
  color: var(--color-accent);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.i9d14309 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.odca9 {
  flex: 0 0 auto;
  width: 100%;
  max-width: 300px;
}

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

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

.h384fce2 {
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  line-height: 1.4;
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f542d9ec {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
  line-height: 1.5;
  color: var(--color-accent);
  font-weight: 500;
  margin: 0;
}

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

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

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

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

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

.ib2241b {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 260px;
  max-width: 100%;
}

.h7053b66 {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  overflow: hidden;
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

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

.p1ca {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.25rem);
  line-height: 1.4;
  color: var(--color-text-primary);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .o00,
  .b0b5f,
  .j1f,
  .b9d {
    flex-direction: column;
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .lb9667b,
  .o817b9,
  .h0b,
  .acfa574,
  .j2278f,
  .j984,
  .bd8,
  .h8ea {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h096045 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }

  .c15798 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }

  .ib2241b {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
  }

  .i9d14309 {
    justify-content: center;
  }

  .odca9 {
    width: 100%;
    max-width: 350px;
  }
}

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

  .c15798 {
    flex: 1 1 100%;
    min-width: 100%;
  }

  .ib2241b {
    flex: 1 1 100%;
    min-width: 100%;
  }

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

.dcd43de {
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: 'Lora', serif;
  line-height: 1.6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.f1c7566c {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
}

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

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

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

  .ed9 {
    gap: 1rem;
  }
}

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

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

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

.kb3 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
}

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

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

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

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

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

.j76 li {
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
  position: relative;
}

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

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

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

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

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

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

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

.l7a4b4 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
}

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

.gbb34e {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0.5rem;
  margin: clamp(1.5rem, 3vw, 2rem) 0;
  border-left: 4px solid var(--color-secondary);
}

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

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

.pcfd3 img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

.k74a2 {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}

.k74a2 i {
  color: var(--color-secondary);
  font-size: 1.1rem;
}

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

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

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

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

.l3c img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

  .l3c {
    flex: 1 1 100%;
    max-width: 100%;
    order: 0;
  }

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

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

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

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

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

.ec7b img {
  width: 100%;
  height: auto;
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: block;
  object-fit: cover;
}

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

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

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

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

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

.k2e9f9f8 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
}

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

.i816 {
  flex: 1 1 calc(33.333% - 1rem);
  min-width: 280px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

.mb54 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
}

.b4eb76d {
  font-size: clamp(0.875rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  text-align: center;
}

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

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

.m485 {
  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);
  text-decoration: none;
  border-radius: clamp(0.3rem, 0.5vw, 0.5rem);
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
}

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

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

.dfd35 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 400px;
  margin-left: auto;
}

.d19f {
  width: 100%;
}

.ad56531 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.mfe95e {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: block;
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .dfd35 {
    align-items: center;
    margin-left: 0;
    max-width: 100%;
  }
}

.k554ce {
  background: var(--color-bg-secondary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

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

.e93046 {
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  line-height: 1.3;
  font-weight: 700;
}

.p0c {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  justify-content: center;
  padding: 0 clamp(1rem, 4vw, 2rem);
}

.e1468a {
  flex: 1 1 calc(33.333% - 1.67rem);
  min-width: 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: all 0.3s ease;
}

.e1468a:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(6, 182, 212, 0.15);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p50 {
  font-size: clamp(1.125rem, 2vw, 1.5rem);
  color: var(--color-accent);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 500;
}

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

.pb9 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
}

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

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

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

.m07a {
  display: inline-block;
  font-size: 0.875rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 1rem;
}

.d03d55 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

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

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

.k5f4 {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  max-width: 400px;
  transition: var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

.b0eadb0 {
  font-size: 2.5rem;
  color: var(--color-accent);
}

.o6b547 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  font-family: var(--font-heading);
}

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

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

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

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

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

.c6e2 {
  flex: 1 1 50%;
  min-width: 300px;
}

.f8189 {
  flex: 1 1 50%;
  min-width: 300px;
  height: auto;
  border-radius: 12px;
}

.ncd425 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.c6e2 p {
  font-size: clamp(0.875rem, 1.1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

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

  .c6e2,
  .f8189 {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

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

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

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

.h1764f {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.ife7e774 {
  flex: 1 1 50%;
  min-width: 300px;
  height: auto;
  border-radius: 12px;
}

.oc7e4 {
  flex: 1 1 50%;
  min-width: 300px;
}

.g9fc2441 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: 1.5rem;
}

.oc7e4 p {
  font-size: clamp(0.875rem, 1.1vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin-bottom: 1.5rem;
}

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

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

  .ife7e774,
  .oc7e4 {
    flex: 1 1 100%;
    min-width: 100%;
  }
}

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

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

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

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

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

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

@media (max-width: 768px) {
  .he39 {
    display: none;
  }

  .c7b64b {
    gap: 0;
  }
}

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

.iae8 {
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-on-accent);
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.h2f1 {
  display: inline-block;
  background: var(--color-text-on-accent);
  color: var(--color-accent);
  padding: 0.75rem 2rem;
  border-radius: 6px;
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: var(--transition-base);
  border: 2px solid var(--color-text-on-accent);
}

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

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

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

  .i9d07e4 {
    padding-top: 0;
  }
}

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

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

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

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

.b4dce54 {
  width: 100%;
  flex: 1 1 100%;
}

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

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

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

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

.h21 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  line-height: 1.5;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k4bc4aed {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-width: 120px;
}

.i8a {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1;
}

.o5bbe {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .b4dce54 {
    flex: 1 1 45%;
  }

  .f229 {
    flex: 1 1 45%;
  }

  .e49 {
    max-height: 450px;
  }
}

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

  .e49 {
    max-height: 500px;
  }
}

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

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

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

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

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

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

.ne7f {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  transition: all var(--transition-base);
}

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

.p5703 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1;
}

.p36 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

.haa2d7 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.l0b676 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all var(--transition-base);
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}

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

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

.o61291 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (min-width: 768px) {
  .m993 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 2vw, 2rem);
    justify-content: center;
  }

  .l0b676 {
    flex: 1 1 calc(50% - 1rem);
    min-width: 280px;
    max-width: none;
    margin: 0;
  }
}

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

  .l0b676 {
    flex: 1 1 calc(25% - 1.5rem);
  }
}

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

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

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

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

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

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

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

.l9d064 {
  color: var(--color-text-primary);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l8b869 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-style: italic;
  line-height: 1.6;
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d08f917 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .na1 {
    flex: 1 1 50%;
  }

  .m4f0b {
    flex: 1 1 45%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

.m5a4f {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.f290eb9,
.b1fced {
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  cursor: pointer;
  display: inline-block;
  width: fit-content;
  align-self: center;
}

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

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

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

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

@media (min-width: 768px) {
  .f0c {
    flex-direction: row;
    justify-content: center;
  }

  .f290eb9,
  .b1fced {
    align-self: auto;
  }
}

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

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

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

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

.j444c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.i769b641 {
  max-width: 1000px;
  margin: 0 auto;
}

.kc922 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

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

@media (min-width: 768px) {
  .j444c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .j444c {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.a5fd6a94 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.na58 {
  max-width: 900px;
  margin: 0 auto;
}

.g528d7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.dfc7 {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base);
}

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

.ldc {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
  transition: background-color var(--transition-base);
}

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

.kfc {
  flex: 1;
}

.i1db8e {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  position: relative;
}

.i1db8e::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: var(--color-primary);
  border-radius: 1px;
}

.i1db8e::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background-color: var(--color-primary);
  border-radius: 1px;
}

.ldc[aria-expanded="true"] .i1db8e {
  transform: rotate(45deg);
}

.ldc[aria-expanded="true"] .i1db8e::after {
  display: none;
}

.i5c {
  padding: 0 var(--spacing-md) var(--spacing-lg) var(--spacing-md);
  border-top: 1px solid var(--color-border-light);
  background-color: var(--color-bg-primary);
  animation: slideDown var(--transition-base);
}

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

.i5c p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

@media (min-width: 768px) {
  .a5fd6a94 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .a5fd6a94 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

.e786a5 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

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

.ef1c6a62 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.iebd {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.c8c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-base);
  cursor: pointer;
  border: none;
}

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

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

@media (min-width: 768px) {
  .e786a5 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e786a5 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

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

.pcd68 {
  padding: var(--spacing-2xl) var(--spacing-md);
  text-align: center;
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.p0cd {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: var(--spacing-xl);
}

.o095f64 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

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

.m6770 {
  width: 100%;
  max-width: 1200px;
  height: auto;
  display: block;
  margin: var(--spacing-xl) auto 0;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  object-fit: cover;
}

.g86f83 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a4a {
  max-width: 1200px;
  margin: 0 auto;
}

.nd0 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.f93e4bc {
  background-color: var(--color-bg-card);
  padding: var(--spacing-xl) var(--spacing-lg);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
  overflow: hidden;
}

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

.h22 {
  font-size: 2.5rem;
  color: var(--color-primary);
  margin-bottom: var(--spacing-md);
  display: inline-block;
}

.mfb18 {
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, 3vw + 0.5rem, 1.75rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.01em;
}

.f44b {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0 0 var(--spacing-lg) 0;
}

.dca5 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.dca5 li {
  font-size: 0.9375rem;
  color: var(--color-text-secondary);
  padding-left: var(--spacing-lg);
  position: relative;
  line-height: 1.5;
}

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

.cb3532 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
  align-items: center;
}

.dbf {
  max-width: 1200px;
  margin: 0 auto;
}

.j881df {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.k42 {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
  max-width: 500px;
}

.jfb0a {
  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-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  font-weight: 600;
  transition: background-color var(--transition-base);
  border: 2px solid var(--color-primary);
  cursor: pointer;
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .pcd68 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .o095f64 {
    font-size: clamp(2.5rem, 5vw + 0.5rem, 3.5rem);
  }

  .g86f83 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .nd0 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .cb3532 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
  }

  .dbf {
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .pcd68 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .o095f64 {
    font-size: clamp(3rem, 6vw + 0.5rem, 3.5rem);
  }

  .g86f83 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .nd0 {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }

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

  .cb3532 {
    padding: var(--spacing-4xl) var(--spacing-lg);
    grid-template-columns: 1fr 1fr;
    max-width: 1200px;
    margin: 0 auto;
  }

  .dbf {
    grid-column: 1;
  }

  .b26c {
    grid-column: 2;
  }
}

@media (min-width: 1440px) {
  .p0cd {
    max-width: 1200px;
  }

  .a4a {
    max-width: 1200px;
  }

  .m6770 {
    max-width: 1200px;
  }

  .cb3532 {
    max-width: 1200px;
  }
}

.e36bbd {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  padding: var(--spacing-lg) 0;
}

.e36bbd .a1b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

.e36bbd h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.3;
}

.e36bbd .e26 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.e36bbd h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.e36bbd p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.e36bbd ul {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.e36bbd li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

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

.e36bbd .f2ba9235 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-2xl);
}

.e36bbd .f2ba9235 h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.e36bbd .f2ba9235 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

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

  .e36bbd .a1b {
    padding: 0 var(--spacing-xl);
  }

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

  .e36bbd h2 {
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .e36bbd {
    padding: var(--spacing-2xl) 0;
  }

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

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

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

.f97ef6 {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.ce528 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

@media (min-width: 768px) {
  .ce528 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .ce528 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
}

.a1b {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

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

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

.g54c8b {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
  animation: fadeInUp 0.8s ease-out;
}

@media (min-width: 768px) {
  .g54c8b {
    gap: var(--spacing-xl);
  }
}

.mbf {
  width: clamp(60px, 12vw, 120px);
  height: clamp(60px, 12vw, 120px);
  color: var(--color-success);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.mbf svg {
  width: 100%;
  height: 100%;
  stroke: var(--color-success);
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  letter-spacing: -0.5px;
  margin: 0;
  padding: 0;
}

@media (min-width: 768px) {
  h1 {
    margin-top: var(--spacing-md);
  }
}

.lf71 {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

.effbf {
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: 0;
  padding: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.b40a {
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
  padding: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.ebdee30 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.75rem, 4vw, 2.5rem);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  border: 2px solid var(--color-primary);
  transition: all var(--transition-base);
  cursor: pointer;
  margin-top: var(--spacing-md);
  box-shadow: var(--shadow-md);
  font-family: var(--font-primary);
  letter-spacing: 0.3px;
}

@media (min-width: 768px) {
  .ebdee30 {
    margin-top: var(--spacing-lg);
  }
}

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

.ebdee30:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.ebdee30:focus-visible {
  outline: 3px solid var(--color-accent);
  outline-offset: 2px;
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 480px) {
  .ce528 {
    padding: var(--spacing-md) var(--spacing-sm);
  }

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

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

  h1 {
    letter-spacing: -0.25px;
  }
}

@media (min-width: 1440px) {
  .ce528 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.i016d2 {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.o7227e0 {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .o7227e0 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .o7227e0 {
    padding: var(--spacing-3xl) var(--spacing-2xl);
  }
}

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

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

.f935548d {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.p25c0e {
  text-align: center;
  animation: slideUp 0.8s ease-out;
}

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

.obb {
  margin-bottom: var(--spacing-2xl);
  position: relative;
}

.b471fabf {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: var(--spacing-md);
}

.aa795c {
  width: 100px;
  height: 4px;
  background-color: var(--color-accent);
  margin: 0 auto;
  border-radius: var(--radius-full);
  animation: expandWidth 1s ease-out 0.2s backwards;
}

@keyframes expandWidth {
  from {
    width: 0;
  }
  to {
    width: 100px;
  }
}

.p93f05 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.heec8a {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: var(--spacing-lg);
  animation: fadeIn 1s ease-out 0.3s backwards;
}

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

.mf5 {
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin-bottom: var(--spacing-2xl);
  animation: fadeIn 1s ease-out 0.4s backwards;
}

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

.l4b {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-size: clamp(0.9rem, 1vw + 0.4rem, 1.05rem);
  font-weight: 600;
  transition: all var(--transition-base);
  cursor: pointer;
  border: none;
  font-family: var(--font-primary);
  letter-spacing: 0.5px;
  animation: slideUp 1s ease-out 0.5s backwards;
}

.m6de {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.m6de:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

@media (min-width: 768px) {
  .l4b {
    padding: var(--spacing-sm) var(--spacing-2xl);
  }
}

.oa69f8 {
  margin-top: var(--spacing-3xl);
  padding-top: var(--spacing-2xl);
  border-top: 1px solid var(--color-border-light);
  animation: fadeIn 1s ease-out 0.6s backwards;
}

.n8ecd1 {
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  font-style: italic;
}

@media (max-width: 640px) {
  .b471fabf {
    margin-bottom: var(--spacing-sm);
  }

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

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

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

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

  .oa69f8 {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-lg);
  }
}

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

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

.e949 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.j9ba23 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.bd40f5 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-weight: 700;
  letter-spacing: -0.5px;
}

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

@media (min-width: 768px) {
  .e949 {
    padding: 5rem 0;
  }
}

@media (min-width: 1024px) {
  .e949 {
    padding: 6rem 0;
  }
}

.lf1921 {
  background-color: var(--color-bg-primary);
  padding: 3rem 0;
  overflow: hidden;
}

.h7f {
  padding: 0 1.5rem;
}

.k1a9b {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  align-items: flex-start;
}

.h4c1c3be {
  flex: 1 1 100%;
  min-width: 0;
}

.aa50e {
  flex: 1 1 100%;
  min-width: 0;
}

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

.p84 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.k5a6eb4 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.l4c382 {
  font-size: clamp(0.875rem, 0.9vw + 0.5rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.3px;
}

.kc76cae,
.n90bf4 {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.5;
  transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
}

.kc76cae::placeholder,
.n90bf4::placeholder {
  color: var(--color-text-muted);
}

.kc76cae:focus,
.n90bf4:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
  background-color: var(--color-bg-primary);
}

.kc76cae:invalid:not(:placeholder-shown),
.n90bf4:invalid:not(:placeholder-shown) {
  border-color: var(--color-danger);
}

.n90bf4 {
  min-height: 150px;
  resize: vertical;
}

.p272 {
  margin: 0.5rem 0;
  padding: 1rem;
  background-color: rgba(255, 255, 255, 0.02);
  border-radius: var(--radius-sm);
  border-left: 3px solid var(--color-primary-light);
}

.o3e {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  margin: 0;
}

.df4f {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.od2 {
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
  text-transform: uppercase;
}

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

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

.od2:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

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

.c642ccd6 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2.5rem;
}

.j7c3e {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

.af71 {
  width: 50px;
  height: 50px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
  border: 1px solid var(--color-border-light);
}

.nd26d {
  flex: 1;
}

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

.oe0d5aed {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.l465 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.fec4b {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.ac20c0d {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-weight: 700;
}

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

.e16306d {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
}

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

.ge97cd10 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.fb28 {
  padding: 0 1.5rem;
  max-width: 900px;
  margin: 0 auto;
}

.h7409 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  font-weight: 700;
  text-align: center;
}

.j6a7 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  color: var(--color-text-secondary);
  text-align: center;
  line-height: 1.7;
  margin: 0 0 2.5rem 0;
}

.m8db739d {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.bad {
  background-color: var(--color-bg-card);
  padding: 1.75rem;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.i64f8 {
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
  font-family: var(--font-heading);
}

.j418d9 {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0;
}

.de5b0022 {
  background-color: var(--color-bg-card);
  padding: 2rem;
  border-radius: var(--radius-lg);
  text-align: center;
  border: 2px solid var(--color-border-light);
}

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

.odbd {
  display: inline-block;
  padding: 0.875rem 2rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 700;
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1.05rem);
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

@media (min-width: 768px) {
  .lf1921 {
    padding: 4rem 0;
  }

  .ge97cd10 {
    padding: 4rem 0;
  }

  .k1a9b {
    gap: 4rem;
  }

  .h4c1c3be {
    flex: 1 1 45%;
  }

  .aa50e {
    flex: 1 1 45%;
  }

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

@media (min-width: 1024px) {
  .lf1921 {
    padding: 5rem 0;
  }

  .ge97cd10 {
    padding: 5rem 0;
  }

  .k1a9b {
    gap: 5rem;
  }

  .p84 {
    padding: 2.5rem;
  }

  .fec4b {
    padding: 2.5rem;
  }

  .de5b0022 {
    padding: 3rem;
  }
}

@media (min-width: 1440px) {
  .h7f {
    padding: 0;
  }

  .fb28 {
    max-width: 1000px;
  }
}
.hc5c32,.l62c9a{
  width: 34px;
}

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

.d3aab4{
  padding-top: max(env(safe-area-inset-top), 0px);
}
@media (max-width: 480px){
  .d3aab4{
    max-width: 100%;
  }
}

.d3aab4.gc907264{
  z-index: 999;
}

.j2759e{
  padding-top: 50px;
}

.hc5c32[aria-expanded="true"]{
  display: none;
}