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

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

  --color-text-primary: #0f172a;
  --color-text-secondary: #334155;
  --color-text-muted: #58616e;

  --color-primary: #475569;
  --color-primary-hover: #334155;
  --color-primary-light: #cbd5e1;
  --color-secondary: #64748b;
  --color-secondary-light: #e2e8f0;

  --color-success: #16a34a;
  --color-success-light: #dcfce7;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

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

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

h1 {
  font-size: 3.5rem;
  margin-bottom: var(--spacing-md);
}

h2 {
  font-size: 2.75rem;
  margin-bottom: var(--spacing-md);
}

h3 {
  font-size: 2.25rem;
  margin-bottom: var(--spacing-sm);
}

h4 {
  font-size: 1.875rem;
  margin-bottom: var(--spacing-sm);
}

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

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

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

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

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

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

button,
.i7cc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  padding: var(--spacing-sm) var(--spacing-lg);
  border: none;
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: all var(--transition-base);
  text-decoration: none;
}

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

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

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

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

.j18f24 {
  background: var(--color-secondary-light);
  color: var(--color-primary);
  border: 1px solid var(--color-border);
}

.j18f24:hover:not(:disabled) {
  background: var(--color-border);
}

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

.bd1cbc83:hover:not(:disabled) {
  background: #15803d;
  box-shadow: var(--shadow-md);
}

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

.o974:hover:not(:disabled) {
  background: #b45309;
  box-shadow: var(--shadow-md);
}

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

.b24c6:hover:not(:disabled) {
  background: #b91c1c;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

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

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

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

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

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

.i73abae {
  display: flex;
}

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

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

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

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

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

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

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

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

.l926eb {
  margin: 0;
}

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

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

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

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

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

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

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

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

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

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

.i5d568 {
  padding: 0;
}

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

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

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

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

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

.g331d {
  padding-left: var(--spacing-sm);
  padding-right: var(--spacing-sm);
}

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

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

.mf9 {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

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

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

.ad6 {
  font-size: 0.75rem;
}

.ac126 {
  font-size: 0.875rem;
}

.e781eb {
  font-size: 1rem;
}

.ga5f548 {
  font-size: 1.125rem;
}

.le941 {
  font-size: 1.25rem;
}

.f360e7 {
  font-size: 1.5rem;
}

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

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

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

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

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

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

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

.f28eef {
  font-weight: 300;
}

.fee4 {
  font-weight: 400;
}

.da615 {
  font-weight: 500;
}

.a941 {
  font-weight: 600;
}

.cec100 {
  font-weight: 700;
}

.fae {
  font-style: italic;
}

.f67604 {
  text-align: center;
}

.bdf173 {
  text-align: left;
}

.m6ac1e9c {
  text-align: right;
}

.pd5ad0c {
  text-decoration: underline;
}

.c6a {
  text-decoration: line-through;
}

.gad7 {
  opacity: 0;
}

.ma2 {
  opacity: 0.5;
}

.ne00c67 {
  opacity: 0.75;
}

.ea8b {
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kc4a1f {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.25rem 0.75rem;
  border-radius: var(--radius-full);
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

.deef6d {
  list-style: none;
}

.o4cc7 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm);
}

.o4cc7 > li {
  display: inline;
}

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

input,
textarea,
select {
  width: 100%;
  padding: var(--spacing-sm);
  font-family: var(--font-primary);
  font-size: 1rem;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  transition: all var(--transition-base);
}

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

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

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

select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 30px;
}

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

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

.f8f,
.me855a {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  cursor: pointer;
  margin-bottom: var(--spacing-sm);
}

.f8f input[type="checkbox"],
.me855a input[type="radio"] {
  width: auto;
  margin: 0;
}

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

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

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

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

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

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

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

code {
  font-family: 'Courier New', monospace;
  font-size: 0.875em;
  background: var(--color-bg-secondary);
  padding: 0.125em 0.375em;
  border-radius: var(--radius-sm);
  color: var(--color-danger);
}

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

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

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

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

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.75rem;
  }

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

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

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

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  .c2fc,
  .p3406,
  .i19 {
    grid-template-columns: 1fr;
  }

  .i73abae {
    flex-direction: column;
  }
}

@media (max-width: 480px) {
  .o2ff9 {
    padding: 0 var(--spacing-sm);
  }

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.25rem;
  }

  h3 {
    font-size: 1.125rem;
  }

  .i7cc {
    width: 100%;
  }

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

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
.b001ff79 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 1000;
}

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

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

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

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

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

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

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

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

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

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

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

.hda27 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 28px;
  height: 24px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}

.hda27 span {
  width: 100%;
  height: 3px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-base);
}

.hda27.g0e51fb span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

.hda27.g0e51fb span:nth-child(2) {
  opacity: 0;
}

.hda27.g0e51fb span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

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

.de40f.g0e51fb {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

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

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

.j573c13 {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
  text-decoration: none;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
}

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

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

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

@media (min-width: 768px) {
  .ia6 {
    min-height: 80px;
    gap: 2rem;
  }

  .h3e9f734 {
    display: flex;
  }

  .b72bf {
    display: inline-block;
  }

  .hda27 {
    display: none;
  }

  .de40f {
    display: none;
  }
}

@media (min-width: 1024px) {
  .ia6 {
    min-height: 85px;
    gap: 3rem;
  }

  .h3e9f734 {
    gap: 3rem;
  }

  .dd7f {
    font-size: 1.5rem;
  }

  .de54 {
    font-size: 1rem;
  }

  .b72bf {
    font-size: 1rem;
  }
}

    

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

html {
  scroll-behavior: smooth;
}

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

h1, h2, h3, h4, h5, h6 {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: 'Spectral', serif;
}

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

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

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

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

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

.hc645a {
  background: var(--color-accent);
  color: #ffffff;
}

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

.g46322 {
  background: transparent;
  color: var(--color-accent);
  border-color: var(--color-accent);
}

.g46322:hover {
  background: var(--color-accent);
  color: #ffffff;
}

.k60eb4 {
  width: 100%;
}

.ad6bcf8 {
  background: linear-gradient(135deg, var(--color-bg-tertiary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
}

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

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

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

.b29 {
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  font-weight: 400;
}

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

.f241d9b {
  flex: 1 1 50%;
  min-height: 400px;
  position: relative;
  clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);
  overflow: hidden;
}

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

@media (max-width: 768px) {
  .ad6bcf8 {
    min-height: 500px;
  }

  .i00831 {
    flex-direction: column;
  }

  .bff {
    flex: 1 1 100%;
  }

  .f241d9b {
    flex: 1 1 100%;
    min-height: 300px;
    clip-path: none;
  }
}

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

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

.oc27f {
  text-align: center;
}

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

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

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

.na79b75 {
  flex: 1 1 300px;
  max-width: 380px;
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: all 0.3s ease;
}

.na79b75:hover {
  transform: translateY(-6px);
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}

.lfd {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  overflow: hidden;
}

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

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

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

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

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

.l8280 {
  text-align: center;
}

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

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

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

.hf7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  min-width: 120px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  transition: all 0.3s ease;
}

.hf7:hover {
  background: var(--color-accent);
  color: #ffffff;
  transform: translateY(-4px);
}

.ha5 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
}

.hf7:hover .ha5 {
  color: #ffffff;
}

.o3a {
  font-size: clamp(0.8rem, 1.2vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
}

.hf7:hover .o3a {
  color: #ffffff;
}

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

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

.d2b1d7 {
  text-align: center;
}

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

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

.e7ad555d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
}

.m70 {
  flex: 1 1 200px;
  max-width: 220px;
  text-align: center;
  padding: clamp(1rem, 2vw, 1.5rem);
  position: relative;
}

.mcb {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-accent);
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

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

.d73 {
  font-size: clamp(0.8rem, 1.2vw, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

.a60123f {
  flex: 0 0 auto;
  width: 40px;
  height: 3px;
  background: var(--color-accent);
  opacity: 0.3;
}

@media (max-width: 768px) {
  .a60123f {
    width: 3px;
    height: 40px;
  }

  .e7ad555d {
    flex-direction: column;
  }
}

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

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

.p83676 {
  text-align: center;
}

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

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

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

.oca {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: 10px;
  border-left: 4px solid var(--color-accent);
  transition: all 0.3s ease;
}

.oca:hover {
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.1);
  transform: translateX(6px);
}

.c2808 {
  flex: 0 0 60px;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

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

  .c2808 {
    flex: 0 0 auto;
  }
}

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

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

.gb787 {
  background: var(--color-bg-card);
  border-radius: 12px;
  padding: clamp(2rem, 4vw, 3.5rem);
  max-width: 700px;
  width: 100%;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

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

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

.h42a53 {
  border-bottom: 1px solid var(--color-secondary);
  padding-bottom: clamp(1rem, 2vw, 1.5rem);
}

.h42a53:last-child {
  border-bottom: none;
}

.dd5 {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-accent);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  cursor: pointer;
  transition: color 0.3s ease;
}

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

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

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

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

.db103 {
  text-align: center;
}

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

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

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

.ga07 {
  flex: 1 1 280px;
  max-width: 320px;
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
}

.ga07:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.15);
}

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

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

.ga07:hover .k4fd37 {
  transform: scale(1.05);
}

.kb510 {
  font-size: clamp(1rem, 1.8vw, 1.2rem);
  color: var(--color-text-primary);
  font-weight: 600;
  padding: clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(0.5rem, 1vw, 0.75rem);
}

.p24 {
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  color: var(--color-text-muted);
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
}

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

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

.d1607ad {
  text-align: center;
}

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

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

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

.n2ef0 {
  flex: 1 1 320px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease;
}

.n2ef0:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
}

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

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

.n2ef0:hover .nffabf {
  transform: scale(1.05);
}

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

.i68489 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: 1.4;
}

.f34 {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  flex: 1;
}

.p11c2 {
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  color: var(--color-accent);
  font-weight: 600;
  transition: all 0.3s ease;
  display: inline-block;
}

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

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

.i81c13 {
  display: inline-block;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-accent);
  font-weight: 600;
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  border: 2px solid var(--color-accent);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.i81c13:hover {
  background: var(--color-accent);
  color: #ffffff;
  text-decoration: none;
}

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

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

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

.f3e {
  font-size: clamp(0.95rem, 1.5vw, 1.15rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
}

.gcd3 {
  display: inline-block;
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-accent);
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.3s ease;
}

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

.j23b47f7 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #1e293b;
  padding: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 2rem);
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
}

.j23b47f7.of786d {
  display: none;
}

.dfd86 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.85rem, 1.2vw, 1rem);
  flex: 1 1 auto;
  min-width: 200px;
}

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

.ae6f1,
.oa52 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  font-size: clamp(0.8rem, 1vw, 0.95rem);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ae6f1 {
  background: var(--color-accent);
  color: #ffffff;
}

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

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

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

@media (max-width: 1024px) {
  .ad6bcf8 {
    min-height: 500px;
  }

  .na79b75 {
    flex: 1 1 280px;
    max-width: 350px;
  }

  .oca {
    flex-direction: column;
    padding: clamp(1.25rem, 2.5vw, 1.75rem);
  }

  .c2808 {
    flex: 0 0 auto;
  }

  .ga07 {
    flex: 1 1 260px;
    max-width: 300px;
  }

  .n2ef0 {
    flex: 1 1 300px;
    max-width: 380px;
  }
}

@media (max-width: 768px) {
  .ad6bcf8 {
    min-height: 450px;
  }

  .i00831 {
    flex-direction: column-reverse;
  }

  .bff {
    flex: 1 1 100%;
  }

  .f241d9b {
    flex: 1 1 100%;
    min-height: 280px;
    clip-path: none;
  }

  .gbc95 {
    flex-direction: column;
  }

  .i7cc {
    width: 100%;
  }

  .bab48 {
    flex-direction: column;
  }

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

  .c0be26 {
    flex-direction: column;
  }

  .hf7 {
    width: 100%;
    min-width: auto;
  }

  .e7ad555d {
    flex-direction: column;
  }

  .a60123f {
    width: 3px;
    height: 30px;
    margin: clamp(0.5rem, 1vw, 1rem) 0;
  }

  .oca {
    flex-direction: column;
  }

  .c2808 {
    font-size: clamp(1.5rem, 3vw, 2rem);
  }

  .gb787 {
    padding: clamp(1.5rem, 3vw, 2rem);
  }

  .l1a8 {
    flex-direction: column;
  }

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

  .m2fa {
    flex-direction: column;
  }

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

  .j23b47f7 {
    padding: clamp(0.75rem, 1.5vw, 1.25rem);
    flex-direction: column;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
  }

  .dfd86 {
    text-align: center;
    min-width: auto;
  }

  .nbcf0 {
    width: 100%;
  }

  .ae6f1,
  .oa52 {
    flex: 1 1 auto;
    min-width: 120px;
  }
}

@media (max-width: 480px) {
  .p3b5 {
    font-size: clamp(1.35rem, 4vw, 1.75rem);
  }

  .k0ee3148 {
    font-size: clamp(1.25rem, 3vw, 1.5rem);
  }

  .gbc95 {
    flex-direction: column;
  }

  .i7cc {
    padding: 0.65rem 1.5rem;
    font-size: 0.875rem;
  }

  .j23b47f7 {
    padding: 0.75rem;
  }

  .nbcf0 {
    gap: 0.5rem;
  }

  .ae6f1,
  .oa52 {
    padding: 0.5rem 1rem;
    font-size: 0.8rem;
  }
}

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

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

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

.c228 {
  display: block;
}

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

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

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

.df61,
.ma174 {
  flex: 1 1 200px;
  min-width: 200px;
  display: block;
}

.df61 h4,
.ma174 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  font-weight: 600;
}

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

.b617 li {
  display: block;
}

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

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

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

.i7e7 {
  display: block;
  flex: 1 1 200px;
  min-width: 200px;
}

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

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

.p4d li {
  display: block;
}

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

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

.f53f08 {
  display: block;
  padding-top: clamp(1.5rem, 3vw, 2.5rem);
  border-top: 1px solid var(--color-border-light);
  text-align: center;
}

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

.ob8 {
  color: var(--color-text-muted);
  font-family: var(--font-primary);
  font-size: clamp(0.75rem, 0.9vw, 0.8125rem);
  line-height: var(--line-height-normal);
  margin: 0;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .df61,
  .ma174,
  .i7e7 {
    flex: 1 1 100%;
  }

  .f53f08 {
    text-align: center;
  }
}

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

  .df61 h4,
  .ma174 h4,
  .i7e7 h4 {
    font-size: 1rem;
  }

  .c228 h3 {
    font-size: 1.25rem;
  }
}
    

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

.n9d47f8a {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: center;
  justify-content: center;
  min-height: 100%;
}

.c3bf39f8 {
  background: var(--color-bg-card);
  border: 2px solid var(--color-border-light);
  border-radius: 16px;
  padding: clamp(2rem, 5vw, 3.5rem);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
  max-width: 600px;
  width: 100%;
}

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

.d6ce0 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  text-align: center;
  font-family: 'Spectral', serif;
  letter-spacing: -0.5px;
}

.ab185e {
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-accent);
  text-align: center;
  font-weight: 600;
  font-family: 'Spectral', serif;
}

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

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

.ceea2cf8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

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

.ceea2cf8 strong {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-primary);
  text-align: center;
}

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

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

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

.c42c4a {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Spectral', serif;
  letter-spacing: -0.5px;
}

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

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

.k46e78 {
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.k46e78:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.h5156 {
  width: 100%;
  overflow: hidden;
  flex: 0 0 auto;
}

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

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

.me9328e0 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  font-family: 'Spectral', serif;
  line-height: 1.4;
}

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

.b1a63f {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  flex-wrap: wrap;
  padding-top: clamp(0.5rem, 1vw, 1rem);
  border-top: 1px solid var(--color-border-light);
  margin-top: auto;
}

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

.m8f i {
  color: var(--color-accent);
  font-size: 0.9rem;
}

.a1371a {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: clamp(0.6rem, 1vw, 0.85rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  transition: all 0.3s ease;
  width: fit-content;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

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

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

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

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

  .m05 .h5156 {
    flex: 1 1 45%;
    order: -1;
  }

  .m05 .j8e0b26 {
    flex: 1 1 55%;
  }

  .ic4 {
    display: flex;
    flex-direction: row;
  }

  .ic4 .h5156 {
    flex: 1 1 45%;
  }

  .ic4 .j8e0b26 {
    flex: 1 1 55%;
  }

  .k46e78 {
    gap: 0;
  }

  .h5156 {
    min-height: 300px;
  }

  .abfb883 {
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .c3bf39f8 {
    padding: clamp(3rem, 6vw, 4rem);
  }

  .h5156 {
    min-height: 350px;
  }
}

.ac2 {
  width: 100%;
  margin: 0;
  padding: 0;
}

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

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

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

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

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

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

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

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

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

.f02c5c {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  line-height: var(--line-height-normal);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 95%;
}

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

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

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

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

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

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

  .dd9436,
  .m40e {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .oae7e14a {
    gap: 1rem;
  }
}

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

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

.l23e9a {
  flex: 0 0 200px;
  position: sticky;
  top: 2rem;
}

.m91 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}

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

.gace1b5 {
  margin: 0;
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

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

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

.k76cedd3 {
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  font-weight: 500;
}

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

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

.adb9a5,
.d9d9bf,
.c369,
.n1b5 {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .l23e9a {
    flex: 1 1 100%;
    position: static;
  }

  .g9c0 {
    flex: 1 1 100%;
  }

  .d3992e {
    flex-direction: column;
  }

  .oba78ca,
  .bf4f2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.o76b59 {
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 2vw, 2rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

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

.od708f {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

.g5ff09 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3vw, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  text-align: center;
  margin: 0 0 clamp(2rem, 4vw, 3rem) 0;
}

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

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

.me18a3 {
  display: flex;
  flex-direction: row;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-items: flex-start;
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.me18a3:hover {
  transform: translateY(-4px);
}

.d580a7 {
  flex: 0 0 120px;
  width: 120px;
  height: 120px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

.eb1b4 {
  color: var(--color-text-primary);
  font-size: clamp(0.9375rem, 1.2vw, 1.125rem);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
  transition: color var(--transition-base);
}

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

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

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

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

  .f6f3 {
    gap: 1.5rem;
  }
}

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

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

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

.kf918 {
  width: 100%;
}

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

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

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

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

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

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

.cc5 {
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

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

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

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

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

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

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

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

.ia7d84e {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: clamp(0.75rem, 2vw, 1.25rem);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  display: block;
}

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

  .jcef,
  .n9ae {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .pff8 {
    gap: 1rem;
  }
}

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

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

.p28 {
  flex: 0 0 auto;
  width: 220px;
  position: sticky;
  top: 20px;
}

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

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

.pa3 {
  font-size: clamp(1rem, 1.5vw, 1.1875rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0.5rem 0;
}

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

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

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

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

.n8c {
  flex: 1 1 auto;
}

.kc546e {
  background: var(--color-bg-tertiary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.pa0 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  overflow: hidden;
}

.p7a7 {
  font-family: 'Spectral', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

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

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

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

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

.d252cac {
  background: var(--color-bg-primary);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  border-radius: 0 clamp(0.5rem, 1vw, 0.75rem) clamp(0.5rem, 1vw, 0.75rem) 0;
}

.pd8 {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

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

  .le1,
  .dd93a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.gd4f19b {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
}

.h20b9c50 {
  font-family: 'Spectral', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

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

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

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

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

.m01 {
  background: var(--color-accent-light);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: clamp(0.5rem, 1vw, 0.75rem);
  border: 1px solid var(--color-border);
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

  .ped103,
  .f08 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.m8878 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.l17 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
}

.aa619e4 {
  font-family: 'Spectral', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

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

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

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

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

.f9f {
  list-style: none;
  margin: clamp(1rem, 2vw, 1.5rem) 0;
}

.f539 {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  align-items: flex-start;
}

.hee22d0 {
  flex: 0 0 auto;
  color: var(--color-accent);
  font-weight: 700;
  margin-top: 2px;
}

.fe61d24b {
  flex: 1 1 auto;
}

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

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

  .o9813,
  .n547684 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

.l6d1 {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
}

.o4e {
  font-family: 'Spectral', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

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

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

.h0a8b2f {
  font-size: clamp(1rem, 1.5vw, 1.125rem);
  color: var(--color-accent);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

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

.e729 {
  background: var(--color-bg-tertiary);
  padding: clamp(2rem, 4vw, 3rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
}

.nedaae {
  font-family: 'Spectral', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
}

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

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

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

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

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

.d38fedf i {
  color: var(--color-accent);
  font-size: 1.3em;
}

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

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

.if6 {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.d34984 {
  flex: 1 1 calc(33.333% - clamp(1.5rem, 3vw, 2rem));
  min-width: 280px;
  background: var(--color-bg-tertiary);
  border-radius: clamp(0.75rem, 2vw, 1rem);
  overflow: hidden;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.d34984:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

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

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

.d34984:hover .da4fae6 {
  transform: scale(1.05);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .d34984 {
    flex: 1 1 calc(50% - clamp(1.5rem, 3vw, 2rem));
    min-width: 240px;
  }
}

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

  .p28 {
    width: 100%;
    position: static;
  }

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

@media (max-width: 480px) {
  .pff8 {
    flex-direction: column;
    gap: 0.75rem;
  }

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

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

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

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

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

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

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

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

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

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

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

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

.n0ba3c {
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

.e2b {
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  max-width: 65ch;
}

.ga7fd679 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 2rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

  .b6fed,
  .h26cf63 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.k3ab {
  flex: 0 0 auto;
  width: clamp(200px, 20%, 280px);
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  position: sticky;
  top: 2rem;
  height: fit-content;
}

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

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

.d86d6 {
  font-size: 0.8125rem;
  color: var(--color-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.25rem;
}

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

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

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

.b8204f6b {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  margin-bottom: 1rem;
}

.l1632016 {
  font-size: 0.8125rem;
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.hca2813 {
  flex: 1 1 auto;
}

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

  .k3ab {
    width: 100%;
    position: static;
  }

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

.f62bd8 {
  background: var(--color-bg-secondary);
  padding: clamp(2.5rem, 5vw, 3.5rem) 0;
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

  .lb112847,
  .fbd2 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

.h1b {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  text-align: center;
  line-height: 1.3;
}

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

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

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

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

.fcc5b i {
  color: var(--color-accent);
  font-size: 1.5rem;
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .ceac3fcf,
  .a76087,
  .jf6,
  .k45f2,
  .dfbe05 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .f62bd8 {
    padding: clamp(1.5rem, 3vw, 2.5rem) 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .kda {
    flex: 0 0 auto;
    width: 180px;
    position: sticky;
    top: 2rem;
  }

  .m979d59b {
    background: var(--color-bg-card);
    padding: clamp(1.25rem, 2vw, 1.5rem);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

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

  .jd26926 {
    color: var(--color-text-primary);
    font-size: clamp(0.95rem, 1.5vw, 1.05rem);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .pdbee2 {
    color: var(--color-text-secondary);
    font-size: 0.8125rem;
    font-weight: 500;
    margin: 0;
    line-height: var(--line-height-normal);
  }

  .ef76a2 {
    color: var(--color-text-secondary);
    font-size: 0.8125rem;
    line-height: var(--line-height-normal);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .i203 {
    flex: 1 1 auto;
    min-width: 0;
  }

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

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

  .pd5f0 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 200px;
    background: var(--color-bg-card);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

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

  .lfff1e {
    color: var(--color-text-primary);
    font-size: clamp(0.95rem, 1.2vw, 1.05rem);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .b99ac {
    color: var(--color-text-secondary);
    font-size: 0.8875rem;
    line-height: var(--line-height-normal);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

    .kda {
      position: static;
      width: 100%;
    }

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

    .ka85 {
      flex-direction: column;
    }
  }

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

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

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

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

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

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

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

  .p12 {
    color: var(--color-accent);
    font-size: 1.25rem;
    font-weight: bold;
    flex: 0 0 auto;
    margin-top: 0.25rem;
  }

  .hdc61b {
    color: var(--color-text-secondary);
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    line-height: var(--line-height-relaxed);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .jdb {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .n46fbc3 {
    color: var(--color-text-secondary);
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    line-height: var(--line-height-relaxed);
    margin-top: clamp(1rem, 2vw, 1.5rem);
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-md);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

  .hcaa766 i {
    color: var(--color-warning);
    font-size: 1.25rem;
    flex: 0 0 auto;
    margin-top: 0.25rem;
  }

  .ab26067f {
    color: var(--color-text-secondary);
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    line-height: var(--line-height-relaxed);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .bafc0d {
    color: var(--color-text-primary);
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    font-weight: 600;
    margin: clamp(1rem, 2vw, 1.5rem) 0 0.5rem 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .m1b {
    color: var(--color-text-secondary);
    font-size: clamp(0.9rem, 1.2vw, 1rem);
    line-height: var(--line-height-relaxed);
    margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .p777e9 {
    background: var(--color-bg-card);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-start;
    box-shadow: var(--shadow-sm);
  }

  .n0ea {
    color: var(--color-accent);
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: bold;
    flex: 0 0 auto;
    min-width: 45px;
    text-align: center;
    line-height: 1;
  }

  .l161f {
    flex: 1 1 auto;
  }

  .ja9 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 600;
    margin: 0 0 0.5rem 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .p777e9 {
      flex-direction: column;
    }

    .n0ea {
      text-align: left;
      margin-bottom: 0.5rem;
    }
  }

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

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

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

  .ne49 {
    color: var(--color-text-secondary);
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .e8f05 {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 200px;
    background: var(--color-bg-secondary);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    text-align: center;
  }

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

  .f2d8 {
    color: var(--color-text-primary);
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .da0 {
    color: var(--color-text-secondary);
    font-size: clamp(0.95rem, 1.5vw, 1.125rem);
    line-height: var(--line-height-relaxed);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .k30c65 {
    color: var(--color-text-secondary);
    font-size: clamp(0.95rem, 1.5vw, 1.05rem);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

  .pa6e {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-width: 900px;
    margin: 0 auto;
    padding: clamp(1rem, 2vw, 1.5rem);
    background: var(--color-bg-secondary);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-secondary);
  }

  .i1d3afc1 {
    color: var(--color-text-primary);
    font-size: clamp(1.1rem, 2vw, 1.25rem);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .h1d0937 {
    flex: 1 1 calc(33.333% - 1rem);
    min-width: 250px;
    max-width: 350px;
    background: var(--color-bg-card);
    border-radius: var(--radius-md);
    overflow: hidden;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 1rem;
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: all var(--transition-base);
    align-items: flex-start;
  }

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

  .mae7a9 {
    flex: 0 0 80px;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: var(--radius-md);
    display: block;
  }

  .b80 {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
  }

  .p89b {
    color: var(--color-accent);
    font-size: clamp(0.95rem, 1.5vw, 1.05rem);
    font-weight: 600;
    margin: 0;
    line-height: var(--line-height-normal);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

    .m37 {
      flex-direction: column;
    }
  }

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

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

    .a079e3 {
      flex-direction: column;
    }

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

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

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

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

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

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

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

    .ae47b {
      text-align: center;
    }

    .e0c {
      display: inline-block;
      background: var(--color-bg-secondary);
      color: var(--color-text-secondary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      margin-bottom: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .bab0ac3 {
      color: var(--color-text-primary);
      font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
      line-height: var(--line-height-tight);
      margin: 0;
      margin-bottom: 1rem;
    }

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

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

    .nfff0f {
      width: 100%;
      max-width: 900px;
      height: auto;
      border-radius: var(--radius-lg);
      display: block;
      margin: clamp(1rem, 3vw, 2rem) auto 0;
    }

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

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

    .a98cfa6 {
      text-align: center;
    }

    .b30727c {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-text-primary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      margin-bottom: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .dd8 {
      color: var(--color-text-primary);
      font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
      line-height: var(--line-height-tight);
      margin: 0;
      margin-bottom: 1rem;
    }

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

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

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

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

    .jf43 {
      font-size: 2rem;
      color: var(--color-primary);
    }

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

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

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

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

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

    .o4101 {
      flex: 1 1 50%;
      min-width: 250px;
    }

    .leace3b {
      flex: 1 1 50%;
      min-width: 250px;
    }

    .j51f {
      display: inline-block;
      background: var(--color-bg-secondary);
      color: var(--color-text-secondary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      margin-bottom: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .h3e73 {
      color: var(--color-text-primary);
      font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
      line-height: var(--line-height-tight);
      margin: 0 0 1rem 0;
    }

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

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

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

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

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

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

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

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

    .j9b42 {
      text-align: center;
    }

    .fb2a {
      display: inline-block;
      background: var(--color-bg-tertiary);
      color: var(--color-text-primary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      margin-bottom: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .b1a1 {
      color: var(--color-text-primary);
      font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
      line-height: var(--line-height-tight);
      margin: 0;
      margin-bottom: 1rem;
    }

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

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

    .ocf02 {
      background: var(--color-bg-card);
      padding: clamp(1.5rem, 3vw, 2.5rem);
      border-radius: var(--radius-md);
      flex: 1 1 calc(33.33% - 1rem);
      min-width: 200px;
      max-width: 280px;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      text-align: center;
    }

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

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

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

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

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

    .gf4 {
      text-align: center;
    }

    .o34e {
      display: inline-block;
      background: var(--color-bg-secondary);
      color: var(--color-text-secondary);
      padding: 0.5rem 1rem;
      border-radius: var(--radius-full);
      font-size: clamp(0.75rem, 1vw, 0.875rem);
      margin-bottom: 1rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
    }

    .pa1d648 {
      color: var(--color-text-primary);
      font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
      line-height: var(--line-height-tight);
      margin: 0;
      margin-bottom: 1rem;
    }

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

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

    .c91549 {
      background: var(--color-bg-secondary);
      padding: clamp(1.5rem, 3vw, 2rem);
      border-radius: var(--radius-md);
      flex: 1 1 calc(50% - 1rem);
      min-width: 220px;
      max-width: 320px;
      border-top: 3px solid var(--color-primary);
    }

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

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

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

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

    .e8f70 {
      display: flex;
      flex-direction: row;
      gap: 0.75rem;
      align-items: flex-start;
    }

    .hbcd {
      color: var(--color-primary);
      font-size: 1.25rem;
      flex-shrink: 0;
      margin-top: 0.1rem;
    }

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

    .hfef {
      color: var(--color-text-secondary);
      font-size: clamp(0.875rem, 1vw + 0.5rem, 0.95rem);
      line-height: var(--line-height-relaxed);
      margin: 0;
      max-width: 900px;
    }

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

      .o4101,
      .leace3b {
        flex: 1 1 100%;
      }

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

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

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

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

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

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

    @media (min-width: 768px) and (max-width: 1023px) {
      .m711 {
        flex-direction: row;
      }

      .ocf02 {
        flex: 1 1 calc(50% - 1rem);
        max-width: 100%;
      }

      .k93a2 {
        flex-direction: row;
      }

      .c91549 {
        flex: 1 1 calc(50% - 1rem);
        max-width: 100%;
      }

      .i5a3e5 {
        flex-direction: row;
      }

      .hb43eda4 {
        flex: 1 1 calc(50% - 1rem);
        max-width: 100%;
      }
    }

    @media (min-width: 1024px) {
      .m711 {
        flex-direction: row;
      }

      .ocf02 {
        flex: 1 1 calc(33.33% - 1rem);
        max-width: 280px;
      }
    }

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

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

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

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

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

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

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

.h1ff22 {
  text-align: center;
  flex: 1;
  max-width: 600px;
}

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

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

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

.d6018 {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 4/3;
}

.e26 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

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

  .h1ff22 {
    flex: 1;
    text-align: left;
  }

  .d6018 {
    flex: 1;
    min-height: 350px;
    max-height: 450px;
  }
}

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

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

.o5225b7 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .ia3da {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }

  .c05 {
    flex: 1;
    min-width: 280px;
    max-width: 320px;
  }
}

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

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

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

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

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

.mac {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 4vw, 3rem);
  border-radius: 8px;
}

.kc616eb {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2vw + 0.5rem, 1.75rem);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1rem;
}

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

@media (min-width: 768px) {
  .df341 {
    display: flex;
    flex-direction: row;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    align-items: stretch;
  }

  .mac {
    flex: 1;
  }
}

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

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

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

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

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

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

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

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

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

.kdd1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
}

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

.f78:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  opacity: 0.95;
}

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

.hce41be:hover {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

@media (min-width: 768px) {
  .kdd1 {
    flex-direction: row;
    gap: 1.5rem;
  }

  .f78,
  .hce41be {
    min-width: 200px;
  }
}

@media (max-width: 767px) {
  .j91a1 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .i99c5c10 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .lcc88f {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .h800 {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .k9e54bd {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }

  .ibab {
    padding: clamp(2rem, 6vw, 3.5rem) 0;
  }
}

.b90f {
  width: 100%;
}

.m9b086 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

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

.ebb926 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.8rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.m1cbb {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
  font-weight: 400;
}

@media (min-width: 768px) {
  .m9b086 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .m9b086 {
    padding: 4rem var(--spacing-xl);
  }
}

.c178 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.dfb45 {
  max-width: 1200px;
  margin: 0 auto;
}

.baf366d {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

.l4e52 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.j6c {
  padding: var(--spacing-xl) var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

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

.n957bd91 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-accent);
  background-color: var(--color-accent-light);
  padding: 0.35rem 0.75rem;
  border-radius: var(--radius-sm);
}

.m66810 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.kd5fc {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.3rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  font-weight: 400;
}

@media (min-width: 768px) {
  .c178 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .baf366d {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

  .h4f86 {
    height: 280px;
  }
}

@media (min-width: 1024px) {
  .c178 {
    padding: 4rem var(--spacing-xl);
  }

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

  .h4f86 {
    height: 260px;
  }

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

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

.kfcda {
  background-color: var(--color-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
  text-align: center;
}

.d08a7 {
  max-width: 600px;
  margin: 0 auto;
}

.pf989d7 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.2rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  font-weight: 700;
}

.of394 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.1rem);
  color: var(--color-text-on-accent);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-normal);
  font-weight: 400;
  opacity: 0.95;
}

.o098 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  color: var(--color-primary);
  background-color: var(--color-text-on-accent);
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  display: inline-block;
}

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

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

@media (min-width: 768px) {
  .kfcda {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .kfcda {
    padding: 4rem var(--spacing-xl);
  }
}

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

.bc95 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  border-bottom: 2px solid var(--color-border-light);
}

.bb30 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.cf42 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.o07e2 {
  padding: var(--spacing-xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.p9243726 {
  max-width: 1000px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

.hc4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.pcdd678 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.c60878 {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  transition: background-color var(--transition-base);
  text-align: left;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
}

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

.c60878[aria-expanded="true"] {
  background-color: var(--color-bg-tertiary);
}

.b4c64 {
  color: var(--color-text-primary);
  font-weight: 500;
  flex: 1;
  line-height: var(--line-height-normal);
}

.j2f {
  color: var(--color-primary);
  font-size: 1.5rem;
  font-weight: 300;
  flex-shrink: 0;
  transition: transform var(--transition-fast);
  display: inline-block;
}

.c60878[aria-expanded="true"] .j2f {
  transform: rotate(45deg);
}

.k14c2 {
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-top: 1px solid var(--color-border-light);
  animation: slideDown var(--transition-base) ease-out;
}

.k14c2 p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  line-height: var(--line-height-relaxed);
}

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

.b7d02 {
  display: none;
}

.g4875a3 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.b38cdfa {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.o928 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-relaxed);
}

.nb2ab20 {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-md);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-sm);
  font-weight: 500;
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  transition: background-color var(--transition-base);
}

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

.e73b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl) var(--spacing-md);
  overflow: hidden;
  border-top: 2px solid var(--color-border-light);
}

.k65f83 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.bd82c {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.o90 {
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: var(--line-height-relaxed);
}

.i1d {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-weight: 500;
  font-size: clamp(0.95rem, 1.5vw, 1.125rem);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  cursor: pointer;
}

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

@media (min-width: 768px) {
  .bc95 {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .p9243726 {
    grid-template-columns: 1fr 280px;
    gap: var(--spacing-2xl);
  }

  .b7d02 {
    display: block;
  }

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

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

@media (min-width: 1024px) {
  .bc95 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

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

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

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

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

.d3ee1d main {
  width: 100%;
}

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

.d3ee1d .cf361 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-2xl) 0;
}

.d3ee1d h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin-bottom: var(--spacing-lg);
  margin-top: 0;
}

.d3ee1d h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  line-height: var(--line-height-tight);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
}

.d3ee1d p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
}

.d3ee1d .j43db9f0 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.d3ee1d ul {
  margin: var(--spacing-md) 0;
  padding-left: var(--spacing-lg);
}

.d3ee1d li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.d3ee1d .l89863 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  border-left: 4px solid var(--color-primary);
}

.d3ee1d .l89863 h2 {
  margin-top: 0;
  color: var(--color-primary);
}

.d3ee1d .l89863 p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

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

.d3ee1d .j5262 {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--spacing-md);
}

.d3ee1d .mdbb {
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-xs);
}

.d3ee1d .fe9 {
  color: var(--color-text-secondary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
}

@media (min-width: 768px) {
  .d3ee1d .o2ff9 {
    padding: 0 var(--spacing-lg);
  }

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

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

@media (min-width: 1024px) {
  .d3ee1d .o2ff9 {
    padding: 0 var(--spacing-xl);
  }

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

.a3e90 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
}

.bdc {
  width: 100%;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bdc .o2ff9 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  justify-content: center;
}

.k475a {
  width: 100%;
  max-width: 600px;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.ga3a {
  width: 80px;
  height: 80px;
  margin: 0 auto var(--spacing-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-success-light);
  border-radius: var(--radius-full);
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ga3a svg {
  width: 48px;
  height: 48px;
  color: var(--color-success);
  stroke: var(--color-success);
}

.a3e90 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  line-height: var(--line-height-tight);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.5px;
}

.p06d175c {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: var(--line-height-normal);
  margin: 0 0 var(--spacing-lg) 0;
}

.bdbc2dbc {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.4rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: 0.3px;
}

.i0ac {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 0.95vw + 0.3rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-2xl) 0;
  letter-spacing: 0.3px;
}

.i7cc {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base) ease-out;
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
  letter-spacing: 0.5px;
  display: inline-block;
}

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

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

.h49c3:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.l427f4 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw, 1.15rem);
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 480px) {
  .bdc {
    padding: var(--spacing-2xl) var(--spacing-md);
  }
  
  .ga3a {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--spacing-2xl);
  }
  
  .ga3a svg {
    width: 56px;
    height: 56px;
  }
}

@media (min-width: 768px) {
  .a3e90 {
    min-height: 100vh;
  }
  
  .bdc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .bdc .o2ff9 {
    padding: 0 var(--spacing-lg);
  }
  
  .ga3a {
    width: 120px;
    height: 120px;
    margin: 0 auto var(--spacing-2xl);
  }
  
  .ga3a svg {
    width: 64px;
    height: 64px;
  }
  
  .a3e90 h1 {
    margin: 0 0 var(--spacing-lg) 0;
  }
  
  .p06d175c {
    margin: 0 0 var(--spacing-xl) 0;
  }
  
  .bdbc2dbc {
    margin: 0 0 var(--spacing-lg) 0;
  }
  
  .i0ac {
    margin: 0 0 var(--spacing-3xl) 0;
  }
}

@media (min-width: 1024px) {
  .bdc {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
  
  .bdc .o2ff9 {
    padding: 0 var(--spacing-xl);
  }
  
  .ga3a {
    width: 130px;
    height: 130px;
    margin: 0 auto var(--spacing-3xl);
  }
  
  .ga3a svg {
    width: 72px;
    height: 72px;
  }
}

@media (min-width: 1440px) {
  .bdc {
    padding: var(--spacing-3xl) 0;
  }
  
  .bdc .o2ff9 {
    max-width: 1440px;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

.fde9f2 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.g24 {
  width: 100%;
  background-color: var(--color-bg-primary);
  padding: var(--spacing-md) var(--spacing-md);
  overflow: hidden;
}

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

.cf361 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.l8898c {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-lg);
}

.p804e97c {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-md);
}

.dd2 {
  position: relative;
  width: fit-content;
}

.g3a1a {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 700;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -2px;
  line-height: 1;
  margin-bottom: var(--spacing-md);
}

.d4e2 {
  width: 100%;
  height: 8px;
  background-color: var(--color-primary);
  border-radius: var(--radius-full);
  transform: scaleX(0.6);
  margin-top: var(--spacing-sm);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.mab {
  width: 100%;
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 2px solid var(--color-border-light);
  transition: all var(--transition-base);
}

.ge02a6f4 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  font-weight: 600;
}

.c99 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.f010d {
  font-size: clamp(0.9rem, 0.95vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-lg);
  font-style: italic;
}

.i7cc {
  display: inline-block;
  padding: var(--spacing-sm) var(--spacing-lg);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

.h49c3:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.efc0d91 {
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
}

.m63dcd76 {
  margin-top: var(--spacing-lg);
  display: flex;
  justify-content: center;
}

.dbd {
  width: 100%;
  max-width: 200px;
  height: auto;
  color: var(--color-primary);
  opacity: 0.7;
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
}

@media (min-width: 480px) {
  .g24 {
    padding: var(--spacing-lg) var(--spacing-md);
  }

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

  .dbd {
    max-width: 220px;
  }
}

@media (min-width: 768px) {
  .g24 {
    padding: var(--spacing-2xl) var(--spacing-md);
  }

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

  .mab {
    padding: var(--spacing-3xl);
    border: 2px solid var(--color-border-light);
  }

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

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

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

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

  .dbd {
    max-width: 240px;
  }
}

@media (min-width: 1024px) {
  .g24 {
    padding: var(--spacing-3xl) var(--spacing-md);
    min-height: 100vh;
    display: flex;
    align-items: center;
  }

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

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

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

  .g3a1a {
    font-size: clamp(6rem, 15vw, 8rem);
  }

  .dbd {
    max-width: 260px;
  }
}

@media (min-width: 1440px) {
  .o2ff9 {
    padding: 0;
  }
}

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

.d46 {
  background-color: var(--color-bg-secondary);
  padding: 3rem 0;
  overflow: hidden;
}

.n4c45 {
  text-align: center;
}

.p318 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.5px;
}

.h9b0 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.g0497 {
  background-color: var(--color-bg-primary);
  padding: 4rem 0;
  overflow: hidden;
}

.j6dbd2 {
  width: 100%;
}

.o193 {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  width: 100%;
}

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

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

.i32c5403 {
  margin-bottom: 2rem;
}

.o14 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.3px;
}

.b3bb9d {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.h56f {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.jdc805d {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
  margin-bottom: 0.25rem;
}

.e5bb7d0,
.e4f728 {
  font-family: var(--font-primary);
  font-size: 1rem;
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
  box-sizing: border-box;
}

.e5bb7d0::placeholder,
.e4f728::placeholder {
  color: var(--color-text-muted);
}

.e5bb7d0:focus,
.e4f728:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.e4f728 {
  min-height: 140px;
  resize: vertical;
  font-family: var(--font-primary);
}

.of0d5 {
  margin-top: 0.5rem;
}

.k476 {
  font-family: var(--font-primary);
  font-size: 0.85rem;
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
  margin: 0;
}

.p92a2 {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  transition: color var(--transition-fast);
}

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

.mee {
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  padding: 1rem 2rem;
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-fast), box-shadow var(--transition-base);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 0.5rem;
}

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

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

.fe2 {
  margin-bottom: 2rem;
}

.ob3 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: -0.3px;
}

.idcea {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 3rem;
}

.c68e {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

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

.nac28520 {
  flex: 1;
}

.d4cc {
  font-family: var(--font-heading);
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.5rem 0;
}

.m90 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

.c373 {
  background-color: var(--color-bg-secondary);
  padding: 2rem;
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.l71d {
  font-family: var(--font-heading);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 0.75rem 0;
}

.bd55a4 {
  font-family: var(--font-primary);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 1.5rem 0;
}

.i52d070 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.95rem;
  font-weight: 600;
  padding: 0.75rem 1.5rem;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

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

@media (min-width: 768px) {
  .d46 {
    padding: 5rem 0;
  }

  .g0497 {
    padding: 5rem 0;
  }

  .o193 {
    gap: 4rem;
  }

  .cfb82 {
    flex: 1 1 45%;
  }

  .dbb25a51 {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .d46 {
    padding: 6rem 0;
  }

  .g0497 {
    padding: 6rem 0;
  }

  .o193 {
    gap: 5rem;
  }

  .cfb82 {
    flex: 1 1 40%;
  }

  .dbb25a51 {
    flex: 1 1 40%;
  }
}

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

  .c68e {
    gap: 1.25rem;
  }

  .ic1a87 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.hda27,.ca2{width:34px;}
.hda27[aria-expanded="true"]{display:none;}
.de40f.g0e51fb{z-index:999;}
.de40f{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.de40f{max-width:100%;}}
.h3e9f734{justify-content:flex-end;}