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

:root {
  --color-bg-primary: #0f172a;
  --color-bg-secondary: #ffffff;
  --color-bg-tertiary: #1e293b;
  --color-bg-card: #ffffff;

  --color-text-primary: #4370b8;
  --color-text-secondary: #adadad;
  --color-text-muted: #919191;
  --color-text-inverse: #ffffff;
  --color-text-inverse-secondary: #e2e8f0;

  --color-primary: #6366f1;
  --color-primary-hover: #4f46e5;
  --color-primary-light: #e0e7ff;
  --color-primary-lighter: #f3f4ff;
  
  --color-secondary: #818cf8;
  --color-secondary-light: #e0e7ff;
  --color-secondary-lighter: #f3f4ff;

  --color-success: #10b981;
  --color-success-light: #d1fae5;
  --color-warning: #f59e0b;
  --color-warning-light: #fef3c7;
  --color-danger: #ef4444;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'General Sans', sans-serif;
  --font-heading: 'Space Grotesk', sans-serif;

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

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

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

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

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

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

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

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

html {
  scroll-behavior: smooth;
}

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

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

@media (min-width: 768px) {
  .hf224868 {
    padding: 0 var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .hf224868 {
    padding: 0 var(--spacing-xl);
  }
}

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

h1 {
  font-size: 3rem;
}

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

h2 {
  font-size: 2.25rem;
}

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

h3 {
  font-size: 1.875rem;
}

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

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

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

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

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

button {
  font-family: var(--font-primary);
  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);
  letter-spacing: var(--letter-spacing-wide);
}

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

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

.d1f20:hover {
  background: var(--color-primary-hover);
  box-shadow: var(--shadow-lg);
}

.c3635b {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

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

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

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

.naab {
  background: var(--color-bg-card);
  border-radius: var(--radius-xl);
  padding: var(--spacing-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
}

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

.nf84cd {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
}

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

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

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

.ff4f h1,
.ff4f h2,
.ff4f h3,
.ff4f h4,
.ff4f h5,
.ff4f h6 {
  color: var(--color-text-inverse);
}

.ff4f p {
  color: var(--color-text-inverse-secondary);
}

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

.l78e62d h1,
.l78e62d h2,
.l78e62d h3,
.l78e62d h4,
.l78e62d h5,
.l78e62d h6 {
  color: var(--color-text-primary);
}

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

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

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

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

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

@media (max-width: 1024px) {
  .cca18d3 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .maa1,
  .c029881,
  .cca18d3 {
    grid-template-columns: 1fr;
  }
}

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

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

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

.c17a99b {
  text-align: center;
}

.c142a {
  text-align: left;
}

.k8cc8d {
  text-align: right;
}

.a654 { margin-top: var(--spacing-xs); }
.ab16 { margin-top: var(--spacing-sm); }
.l6528 { margin-top: var(--spacing-md); }
.pe911c { margin-top: var(--spacing-lg); }
.l16 { margin-top: var(--spacing-xl); }
.f4a95 { margin-top: var(--spacing-2xl); }

.p9f5 { margin-bottom: var(--spacing-xs); }
.ic196 { margin-bottom: var(--spacing-sm); }
.h7db33 { margin-bottom: var(--spacing-md); }
.a7ab6f { margin-bottom: var(--spacing-lg); }
.l87348a { margin-bottom: var(--spacing-xl); }
.d1480 { margin-bottom: var(--spacing-2xl); }

.c949abf { margin-left: auto; margin-right: auto; }
.mdd { margin-top: auto; margin-bottom: auto; }

.jbbb17 { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }
.i22 { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }
.eec27e { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }
.j5ea { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }

.ncc09 { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }
.i7e67 { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }
.fd5785 { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }
.pdb { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }

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

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

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

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

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

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

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

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

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

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

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

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

.e6e568 { opacity: 0.5; }
.o0eba { opacity: 0.75; }
.f16cf { opacity: 1; }

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

.lcd1 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.a78aaf {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

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

input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: 1rem;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  transition: all var(--transition-fast);
}

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

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

ul, ol {
  margin-left: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

li {
  margin-bottom: var(--spacing-xs);
  color: var(--color-text-secondary);
}

code {
  font-family: 'Courier New', monospace;
  background: var(--color-bg-tertiary);
  color: var(--color-primary);
  padding: 0.125rem 0.5rem;
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
}

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

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

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

hr {
  border: none;
  height: 1px;
  background: var(--color-border-light);
  margin: var(--spacing-lg) 0;
}

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

@media (max-width: 768px) {
  body {
    font-size: 15px;
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }
}
.l4927f4 {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  position: static;
  z-index: 100;
  overflow: hidden;
}

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

.l02 {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
  gap: 0.75rem;
  flex-shrink: 0;
  transition: transform var(--transition-base);
}

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

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

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

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

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

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

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

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

.b06f3 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  flex-shrink: 0;
  transition: opacity var(--transition-base);
}

.b06f3:hover {
  opacity: 0.8;
}

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

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

.nf51.ic8c1 {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

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

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

.e03c2c:hover {
  opacity: 0.8;
}

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

.db50 {
  padding: clamp(1rem, 3vw, 1.25rem) clamp(1rem, 3vw, 1.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-base), color var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m9c6 {
  margin: auto clamp(1rem, 3vw, 1.5rem) clamp(1rem, 3vw, 1.5rem);
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9375rem, 2vw, 1.0625rem);
  font-weight: 600;
  text-align: center;
  transition: background var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .b06f3 {
    display: none;
  }

  .nf51 {
    display: none;
  }
}

@media (max-width: 767px) {
  .nf51.ic8c1 {
    width: 100%;
    max-width: 100%;
  }
}

    

.d69 {
  width: 100%;
}

.d69 * {
  box-sizing: border-box;
}

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

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

.b812 {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 3vw, 2rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  text-align: center;
}

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

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

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

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

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

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

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

.o38 {
  font-size: clamp(1.75rem, 5vw + 1rem, 3.5rem);
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
}

.l90f993f {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: #e0e0e0;
  font-weight: 500;
  line-height: 1.4;
}

.nbe {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

.k7f86cef {
  flex: 1 1 45%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1rem, 2vw, 1.5rem);
  align-content: start;
}

.e40f {
  grid-column: 1 / 3;
  width: 100%;
  height: auto;
  max-height: 350px;
  border-radius: 12px;
  overflow: hidden;
}

.b3d {
  width: 100%;
  height: auto;
  max-height: 250px;
  border-radius: 12px;
  overflow: hidden;
}

.b67 {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 12px;
  overflow: hidden;
}

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

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

  .o031 {
    flex: 1 1 100%;
  }

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

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

  .b812 {
    width: 100%;
  }

  .e40f {
    max-height: 250px;
  }

  .b3d {
    max-height: 200px;
  }

  .b67 {
    max-height: 150px;
  }
}

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

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

.pa39f {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

.ia42d81 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  width: 100%;
}

.ebe591 {
  grid-column: 1;
  grid-row: 1 / 3;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.f6475cf6 {
  background: var(--color-bg-card);
  padding: clamp(1.25rem, 2vw, 2rem);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

.i538ef {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color 0.3s ease;
  align-self: flex-start;
  margin-top: auto;
}

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

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

  .ebe591 {
    grid-column: 1 / 3;
    grid-row: auto;
  }
}

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

  .ebe591 {
    grid-column: 1;
    grid-row: auto;
  }
}

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

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

.p1e {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
}

.j3a58 {
  font-size: clamp(1rem, 2vw, 1.375rem);
  color: #e0e0e0;
  font-weight: 500;
}

.h72a72 {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: #cbd5e1;
  font-style: italic;
  margin-top: clamp(0.5rem, 1vw, 1rem);
}

.cd6d7f .b812 {
  margin-top: clamp(1rem, 2vw, 1.5rem);
  align-self: center;
}

@media (max-width: 768px) {
  .cd6d7f .b812 {
    width: 100%;
  }
}

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

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

.dc39824 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.n826::before {
  content: '';
  position: absolute;
  left: clamp(0.75rem, 2vw, 1.25rem);
  top: 0;
  bottom: 0;
  width: 2px;
  background: var(--color-accent);
}

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

.m6d4feb {
  flex-shrink: 0;
  width: clamp(2.5rem, 4vw, 3.5rem);
  height: clamp(2.5rem, 4vw, 3.5rem);
  background: var(--color-accent);
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: clamp(1rem, 2vw, 1.5rem);
  position: absolute;
  left: clamp(-2.25rem, -4vw - 0.5rem, -3rem);
  top: 0;
}

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

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

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

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

  .m6d4feb {
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
    left: clamp(-1.75rem, -3vw - 0.25rem, -2.5rem);
  }
}

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

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

.l65bb {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.h7cd {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
}

.o88 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

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

.fd3 {
  flex-shrink: 0;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 700;
  color: var(--color-accent);
  line-height: 1;
}

.o30b9f0 {
  font-size: clamp(1.125rem, 2.5vw, 1.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: clamp(0.5rem, 1vw, 0.75rem);
}

.occb {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: #cbd5e1;
  line-height: 1.6;
}

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

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

.d12ce {
  text-align: center;
}

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

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

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

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

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

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

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

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

.a2dd6 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  font-weight: 700;
  color: #ffffff;
}

.k0b {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: #cbd5e1;
  line-height: 1.6;
}

.k1ec {
  font-size: clamp(0.8125rem, 1vw, 1rem);
  color: #a0aec0;
  font-style: italic;
}

.madc0b7d {
  flex: 1 1 45%;
  width: 100%;
  height: auto;
  max-height: 400px;
  border-radius: 12px;
  overflow: hidden;
}

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

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

  .jcdd25d5 {
    flex: 1 1 100%;
  }

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

@media (max-width: 768px) {
  .madc0b7d {
    max-height: 300px;
  }
}

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

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

.kafa38 {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

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

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

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

.o95a4 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

.e8e6a {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
}

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

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

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

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

.k25bf94b {
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: color 0.3s ease;
  align-self: flex-start;
  margin-top: auto;
}

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

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

.f605c {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1.125rem);
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  border: 2px solid var(--color-accent);
  border-radius: 6px;
  transition: all 0.3s ease;
}

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

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

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

.l9bec6 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: #1e293b;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 2vw, 1.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.l9bec6.k3f6dc {
  display: none;
}

.c41 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 1rem);
  text-align: center;
  flex: 1 1 auto;
  min-width: 200px;
}

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

.p9755,
.e5a0b {
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

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

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

.e5a0b {
  background: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.3);
}

.e5a0b:hover {
  border-color: #ffffff;
  color: #ffffff;
}

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

  .c41 {
    flex: 1 1 100%;
  }

  .pb5 {
    flex: 1 1 100%;
    width: 100%;
  }

  .p9755,
  .e5a0b {
    flex: 1 1 auto;
    min-width: 100px;
  }
}

@media (max-width: 1024px) {
  .ce8f8fd2,
  .j170be,
  .ha63,
  .eaf8,
  .ma9666d,
  .f7a1,
  .ce37,
  .fb134 {
    padding: clamp(2rem, 6vw, 4rem) 0;
  }
}

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

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

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

.b496d1a7,
.ne29ec9c,
.lcdee,
.e289 {
  display: block;
}

.b496d1a7 h3,
.ne29ec9c h3,
.lcdee h3,
.e289 h3 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-tight);
}

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

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

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

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

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

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

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

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

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

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

.jd2f {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.875rem);
  color: var(--color-text-muted);
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .b496d1a7 {
    flex: 1 1 280px;
    min-width: 250px;
  }

  .ne29ec9c {
    flex: 1 1 180px;
    min-width: 150px;
  }

  .lcdee {
    flex: 1 1 220px;
    min-width: 200px;
  }

  .e289 {
    flex: 1 1 200px;
    min-width: 180px;
  }

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

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

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

  .d9c25 a,
  .id4 a {
    white-space: normal;
  }
}
    

.n63 {
  width: 100%;
}

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

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

.j0ec {
  text-align: center;
}

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

.edb822 {
  color: var(--color-text-secondary);
  font-size: clamp(1rem, 2vw + 0.5rem, 1.375rem);
  font-family: var(--font-primary);
  margin: clamp(1rem, 2vw, 1.5rem) 0 0 0;
  padding: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.p7a32 {
  color: var(--color-text-muted);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  margin: 0.5rem 0 0 0;
  padding: 0;
}

.c84c2e6 {
  max-width: 900px;
  margin: 0 auto;
}

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

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

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

.nd99e {
  text-align: center;
}

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

.c5e {
  color: var(--color-text-secondary);
  font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
  margin: clamp(0.75rem, 1.5vw, 1rem) 0 0 0;
  padding: 0;
  line-height: var(--line-height-normal);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.odbb164 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  transition: all var(--transition-base);
  overflow: hidden;
}

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

.a92ae13b {
  flex: 0 0 clamp(200px, 30%, 350px);
  min-height: 250px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

.cab {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1.25rem);
  justify-content: space-between;
}

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

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

.neaa3 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 0.9vw + 0.5rem, 0.875rem);
  margin: 0;
  padding: 0;
}

.l1a,
.cb2b,
.h4484 {
  color: var(--color-text-muted);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.l1a i,
.cb2b i,
.h4484 i {
  color: var(--color-accent);
}

.faab {
  display: inline-block;
  color: var(--color-accent);
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: 2px solid var(--color-accent);
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

.d0fb82b7 {
  color: var(--color-text-primary);
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  font-family: var(--font-heading);
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: var(--line-height-tight);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .odbb164 {
    flex-direction: column;
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .a92ae13b {
    flex: 1 1 100%;
    min-height: 200px;
  }

  .cab {
    flex: 1;
  }

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

  .h797 {
    flex-direction: column;
  }

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

  .pfec0 i {
    flex-shrink: 0;
    margin-top: 0.25rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .odbb164 {
    flex-direction: row;
  }

  .a92ae13b {
    flex: 0 0 35%;
    min-height: 280px;
  }

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

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

@media (min-width: 1024px) {
  .odbb164 {
    flex-direction: row;
    gap: 2rem;
  }

  .a92ae13b {
    flex: 0 0 30%;
    min-height: 300px;
  }

  .cab {
    flex: 1;
  }

  .h797 {
    display: flex;
    flex-direction: row;
    gap: 2rem;
  }

  .pfec0 {
    flex: 1 1 calc(33.333% - 1.33rem);
  }
}

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

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

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

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

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

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

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

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

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

.a490014 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1024px) {
  .e1492e {
    flex-direction: row;
  }
  
  .pa6ee {
    flex: 1 1 70%;
    max-width: 70%;
  }
  
  .j7a5 {
    flex: 1 1 30%;
    max-width: 30%;
  }
}

@media (max-width: 1023px) {
  .j7a5 {
    width: 100%;
    max-width: 100%;
    margin-top: clamp(2rem, 4vw, 3rem);
  }
}

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

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

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

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

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

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

.md53781 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-md);
  text-align: center;
}

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

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .ob0 {
    flex-direction: column;
  }
  
  .nd58fe2,
  .g3e08d {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

.bb164df {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 700;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  text-align: center;
}

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

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

.d546b {
  font-size: clamp(1.75rem, 3vw, 2.25rem);
  font-weight: 700;
  color: var(--color-accent);
  font-family: var(--font-heading);
  flex-shrink: 0;
  width: clamp(3rem, 6vw, 4rem);
  height: clamp(3rem, 6vw, 4rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
}

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

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

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

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

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

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

.b70:last-of-type {
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.g76ffc97 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-on-accent);
  font-weight: 500;
}

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

.e7a9:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.j7a5 {
  position: sticky;
  top: clamp(1rem, 3vw, 2rem);
}

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

.i3273 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-full);
  object-fit: cover;
  margin: 0 auto;
  border: 3px solid var(--color-accent);
}

.b3db {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  margin: 0;
}

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

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

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

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

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

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

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

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

.e1e1e70 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

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

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

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

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

.k2e4d9f0 {
  font-size: clamp(1.1rem, 2vw, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  line-height: var(--line-height-tight);
  margin: 0;
}

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

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

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

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

.i32 {
    width: 100%;
  }

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

  .h8c9ebc {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.95rem);
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .oe9bb {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  .g99b {
    background: var(--color-bg-primary);
    color: var(--color-text-inverse);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-md);
    border-left: 4px solid var(--color-accent);
    flex: 1 1 100%;
    max-width: 550px;
  }

  .ac77 {
    color: var(--color-text-inverse);
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
    font-family: var(--font-heading);
    font-weight: 700;
    margin-bottom: 1rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .df6b96 {
    color: var(--color-text-inverse);
    font-size: clamp(0.8125rem, 1vw + 0.5rem, 1rem);
    line-height: var(--line-height-relaxed);
    padding-left: 1.75rem;
    position: relative;
  }

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

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

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

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

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

  .c780 {
    color: var(--color-text-inverse);
    font-size: clamp(1.35rem, 4vw + 0.5rem, 2.25rem);
    line-height: var(--line-height-tight);
    font-family: var(--font-heading);
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .ib4a699d {
    color: var(--color-text-inverse);
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
    line-height: var(--line-height-relaxed);
  }

  .i38b345c {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin-top: 1rem;
  }

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

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

  .i62ebf4e {
    color: var(--color-text-inverse);
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--font-heading);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

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

  .n53c1e {
    color: var(--color-text-primary);
    font-size: clamp(1.35rem, 4vw + 0.5rem, 2.25rem);
    line-height: var(--line-height-tight);
    font-family: var(--font-heading);
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  .je9b51be {
    flex: 1 1 calc(50% - 0.75rem);
    min-width: 180px;
    background: var(--color-bg-primary);
    color: var(--color-text-inverse);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    border: 1px solid var(--color-border-light);
  }

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

  .k486b0 {
    color: var(--color-text-inverse);
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--font-heading);
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

  .c1a1a75 {
    color: var(--color-text-inverse);
    font-size: 1.1rem;
    font-weight: 700;
    font-family: var(--font-heading);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

  .aaa {
    color: var(--color-text-primary);
    font-size: clamp(1.35rem, 4vw + 0.5rem, 2.25rem);
    line-height: var(--line-height-tight);
    font-family: var(--font-heading);
    font-weight: 700;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

  .a5b {
    background: var(--color-bg-secondary);
    border-left: 4px solid var(--color-accent);
    padding: clamp(1.5rem, 3vw, 2.5rem);
    border-radius: var(--radius-md);
    margin: 1.5rem 0;
    font-style: italic;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .f11f {
    color: var(--color-text-inverse);
    font-size: 1.1rem;
    font-weight: 700;
    font-family: var(--font-heading);
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin: 0;
  }

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

  .nce {
    background: var(--color-bg-tertiary);
    color: var(--color-text-inverse);
    padding: clamp(2rem, 4vw, 3rem) 0;
    overflow: hidden;
    position: sticky;
    top: 0;
    z-index: 10;
  }

  .mc32 {
    background: var(--color-bg-primary);
    color: var(--color-text-inverse);
    padding: clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    display: flex;
    flex-direction: row;
    gap: clamp(1.25rem, 3vw, 1.75rem);
    align-items: flex-start;
    border: 1px solid var(--color-border-light);
  }

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

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

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

  .n7a81 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    font-family: var(--font-heading);
  }

  .n7a81 a {
    color: var(--color-accent);
    text-decoration: none;
    transition: all 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

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

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

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

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

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

  .b9f {
    background: var(--color-bg-tertiary);
    color: var(--color-text-inverse);
    padding: clamp(2rem, 4vw, 3rem);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border-light);
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }

  .df965 {
    color: var(--color-text-inverse);
    font-size: clamp(1.15rem, 2vw + 0.5rem, 1.35rem);
    font-weight: 700;
    font-family: var(--font-heading);
    margin: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  .j00 {
    color: var(--color-text-inverse);
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
    line-height: var(--line-height-relaxed);
    margin: 0;
  }

  .h20 {
    display: inline-flex;
    background: var(--color-accent);
    color: var(--color-text-on-accent);
    padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2rem);
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 600;
    font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
    transition: all 0.3s ease;
    width: fit-content;
    align-self: center;
  }

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

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

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

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

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

  .e4010 {
    flex: 1 1 calc(33.333% - 1.33rem);
    min-width: 280px;
    background: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--color-border-light);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
  }

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

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

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

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

  .l0b07e0 {
    margin: 0;
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.2rem);
    font-weight: 700;
    font-family: var(--font-heading);
    line-height: var(--line-height-tight);
  }

  .l0b07e0 a {
    color: var(--color-accent);
    text-decoration: none;
    transition: all 0.3s ease;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

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

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

  @media (max-width: 1023px) {
    .k23ec,
    .p11ef,
    .f3c87a8a {
      flex-direction: column;
    }

    .n894,
    .a22,
    .g47,
    .f2af376,
    .oe9d,
    .heb3acb {
      flex: 1 1 100%;
      max-width: 100%;
    }

    .p11ef .oe9d {
      order: 0;
    }

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

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

    .je9b51be {
      flex: 1 1 100%;
    }

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

    .j0b3 {
      width: 100px;
      height: 100px;
      align-self: center;
    }
  }

  @media (max-width: 768px) {
    .h8c9ebc {
      font-size: 0.8125rem;
    }

    .bbd40634 {
      flex: 1 1 100%;
    }

    .e4010 {
      flex: 1 1 100%;
    }

    .j65bd {
      gap: 1.5rem;
    }

    .k23ec,
    .p11ef,
    .f3c87a8a {
      gap: 1.5rem;
    }

    .nce {
      position: static;
    }
  }

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

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

.e7169 {
  display: block;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.k82191 {
  flex: 1 1 70%;
  max-width: 70%;
}

.ea382 {
  flex: 1 1 30%;
  max-width: 30%;
  position: sticky;
  top: 2rem;
}

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

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

.od7 {
  font-size: clamp(1.5rem, 3.5vw + 0.5rem, 2.25rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.3;
}

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

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

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

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

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

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

.h116b8 {
  list-style: decimal;
  margin-left: 2rem;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.25rem);
}

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

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

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

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

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

.j05184 strong {
  color: var(--color-accent);
  font-weight: 700;
}

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

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

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

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

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

.nf25b8a {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-muted);
  font-weight: 600;
}

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

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

  .k82191,
  .ea382 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .ea382 {
    position: static;
  }
}

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

  .ea5780,
  .db8b0 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .h116b8 {
    margin-left: 1.5rem;
  }
}

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

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

.i399bfb7 {
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-secondary);
  font-weight: 700;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  line-height: 1.3;
}

.j16f0 {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-muted);
  line-height: 1.6;
}

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

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

.d26a25:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.oeb7f63 {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

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

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

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

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

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

@media (max-width: 1024px) {
  .ec7b {
    justify-content: center;
  }

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

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

@media (max-width: 480px) {
  .ec310f {
    gap: 0.25rem;
  }

  .a1f {
    gap: 0.375rem;
  }

  .h116b8 {
    margin-left: 1.25rem;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

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

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

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

.bd9 a {
  color: var(--color-secondary);
}

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

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

.bd9 span:last-child {
  color: var(--color-text-inverse);
}

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

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

.ne8f853 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1.5rem, 3vw, 2rem);
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
}

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

.bcf84d i {
  color: var(--color-secondary);
}

.e13a {
  font-size: clamp(0.95rem, 1.5vw, 1.25rem);
  color: var(--color-text-inverse);
  line-height: 1.7;
  max-width: 700px;
}

.b88ee0 {
  margin-top: clamp(1.5rem, 3vw, 2rem);
  overflow: hidden;
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m659793 {
  background: rgba(255, 255, 255, 0.08);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.fc841b {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-secondary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

.bb3e li:before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--color-secondary);
  font-weight: bold;
}

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

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

.l9fb {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  background: #f0f4f8;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  border-left: 4px solid var(--color-accent);
}

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

.jaae060 {
  flex: 1;
}

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

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

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

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

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

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

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

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

.e46eecd {
  background: #f0f4f8;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.c818 {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.n4aad8 {
  background: #f0f4f8;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1.5rem);
  margin-top: clamp(1.5rem, 3vw, 2rem);
}

.bdf {
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  font-family: var(--font-heading);
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: clamp(0.75rem, 1.5vw, 1rem);
}

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

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

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

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

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

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

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

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

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

.g1fa {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-inverse);
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  font-size: clamp(0.9rem, 1.5vw, 1.1rem);
  font-family: var(--font-heading);
  font-weight: 600;
  transition: all 0.3s ease;
}

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

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

.mfb025 {
  max-width: 600px;
  margin: 0 auto;
}

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

.b6a55a {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.mee3:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

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

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

.mee3:hover .l9c44 {
  transform: scale(1.05);
}

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

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

.d8a8f9 a {
  color: var(--color-text-inverse);
}

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

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

@media (max-width: 1023px) {
  .ba7f6614,
  .d780a,
  .a4291,
  .fbdb7a,
  .f9a7 {
    flex-direction: column;
  }

  .c1b2263e,
  .g45f560,
  .ib3a259,
  .k65,
  .c929,
  .odd209,
  .b115,
  .n0b4c28,
  .c025,
  .gbde05 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .c929,
  .c025 {
    order: 0;
  }

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

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

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

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

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

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

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

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

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

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

.l9f2 h1 {
  font-size: clamp(2rem, 6vw + 1rem, 3.5rem);
  color: var(--color-bg-secondary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  font-weight: 700;
  letter-spacing: -0.02em;
}

.l9f2 p {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: var(--color-text-muted);
  margin-bottom: 0;
}

.e1103 {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: clamp(8px, 2vw, 16px);
  display: block;
  overflow: hidden;
}

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

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

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

.e2842 .n6f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

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

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

.dc87429a {
  max-width: 750px;
  margin: 2rem auto 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

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

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

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

.i3ef9 {
  text-align: center;
}

.i3ef9 .n6f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

.i3ef9 h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-secondary);
  margin-bottom: 1rem;
  font-weight: 700;
}

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

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

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

.lb2 h3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.5rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
}

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

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

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

.c87 {
  text-align: center;
}

.c87 .n6f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

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

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

@media (min-width: 768px) {
  .fad78 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: clamp(1.5rem, 3vw, 2rem);
    justify-content: center;
  }
}

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

.oa1d:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
  border-color: var(--color-accent);
}

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

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

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

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

.lca {
  text-align: center;
}

.lca .n6f {
  display: inline-block;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  color: var(--color-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 0.5rem;
}

.lca h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-bg-secondary);
  margin-bottom: 1rem;
  font-weight: 700;
}

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

.d88234d {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 2rem;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.jccc12b9 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1.25rem;
  background: var(--color-bg-tertiary);
  border-radius: clamp(8px, 2vw, 12px);
  border-left: 3px solid var(--color-secondary);
}

.jccc12b9 h4 {
  font-size: clamp(0.95rem, 1.5vw + 0.5rem, 1.25rem);
  color: var(--color-bg-secondary);
  font-weight: 600;
}

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

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

.l6d2323 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

.l6d2323 h3 {
  font-size: clamp(1.125rem, 2vw + 0.5rem, 1.375rem);
  color: var(--color-text-primary);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

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

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

.g94d78 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
}

.kef44 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

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

.j7a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.d2b {
  text-align: center;
  color: var(--color-text-inverse);
  padding: clamp(2rem, 5vw, 3rem);
}

.o9d2a73 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 6vw + 0.5rem, 4rem);
  font-weight: 700;
  color: var(--color-text-inverse);
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.h3f {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

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

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

.g3c6 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.a41f2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

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

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

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

.f8e9b {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  flex: 1 1 clamp(250px, 30vw, 350px);
  transition: all var(--transition-base);
}

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

.n646244 {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-accent);
  width: fit-content;
}

.m9bfe {
  font-family: var(--font-heading);
  font-size: clamp(1.0625rem, 2vw + 0.25rem, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.i8bde38 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

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

.ae6a37b8 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-inverse);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.bc44a1 {
  flex: 1 1 clamp(280px, 45vw, 500px);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ib86a0e {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-inverse);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b4c {
  flex: 1 1 clamp(280px, 45vw, 500px);
}

.e9827120 {
  margin: 0;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-left: 4px solid var(--color-accent);
  background: rgba(99, 102, 241, 0.08);
  border-radius: var(--radius-md);
}

.e9827120 p {
  font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-inverse);
  margin: 0 0 1rem 0;
  font-style: italic;
  line-height: var(--line-height-relaxed);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hfdcbc9 {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-text-inverse-secondary);
  margin: 0;
  font-weight: 600;
}

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

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

.l05 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 2vw, 2rem);
  text-align: center;
  max-width: 600px;
}

.m71b8caa {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.kf4 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 2vw, 2rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.m48ae {
  background: var(--color-bg-tertiary);
  color: var(--color-text-inverse);
  border: 1px solid var(--color-border-light);
}

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

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

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

.g9b4cc2 {
  flex: 1 1 clamp(250px, 50vw, 500px);
}

.n5ad849 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw + 0.25rem, 1.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.b8c64b {
  flex: 1 1 clamp(250px, 50vw, 500px);
}

.k87d5 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw + 0.25rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.o03 li {
  margin: 0;
}

.o03 a {
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  transition: all var(--transition-base);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

@media (min-width: 768px) {
  .l0a86cf9 {
    gap: clamp(2rem, 5vw, 4rem);
  }

  .dd2 {
    align-items: center;
  }

  .b4c5 {
    flex-direction: row;
    justify-content: center;
  }
}

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

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

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

.fec87f {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
  align-items: center;
  overflow: hidden;
}

.da3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.j2b {
  font-family: var(--font-heading);
  font-size: clamp(1.875rem, 5vw + 0.5rem, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.je07d3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.ha93b5 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .fec87f {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
    align-items: start;
  }

  .j2b {
    font-size: clamp(2rem, 4vw + 0.5rem, 2.75rem);
  }
}

.l357429e {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.f099 {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.j0f1c {
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  background-color: var(--color-bg-card);
  overflow: hidden;
  transition: all var(--transition-base);
}

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

.edaf {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: all var(--transition-base);
}

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

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

.fdbf {
  flex: 1;
  display: block;
}

.b908 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: var(--spacing-md);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-primary);
  transition: transform var(--transition-base);
  flex-shrink: 0;
}

.j0f1c.ic8c1 .b908 {
  transform: rotate(45deg);
}

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

.p3f4c6 p {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0;
}

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

@media (min-width: 768px) {
  .l357429e {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .edaf {
    padding: var(--spacing-lg) var(--spacing-xl);
    font-size: 1.05rem;
  }

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

  .p3f4c6 p {
    font-size: 1rem;
  }
}

.h508 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  align-items: center;
  overflow: hidden;
}

.c30 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.oc05 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.h9140 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-normal);
}

.oeba565 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1rem);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition-base);
  text-align: center;
  width: fit-content;
}

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

.oeba565:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.i0818f0 {
  width: 100%;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

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

@media (min-width: 768px) {
  .h508 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
    align-items: center;
  }

  .oc05 {
    font-size: clamp(1.75rem, 3vw + 0.5rem, 2.25rem);
  }

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

@media (min-width: 1024px) {
  .fec87f {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

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

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

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

.l844b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-md);
  overflow: hidden;
}

.mb910 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.n3ae2d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw + 0.5rem, 3.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

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

.e5f5 {
  padding: var(--spacing-3xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.a5fd7c {
  max-width: 1200px;
  margin: 0 auto;
}

.pbab20 {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

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

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

.n48802f {
  width: 56px;
  height: 56px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
  color: var(--color-primary);
  font-size: 1.75rem;
  transition: all var(--transition-base);
}

.lfc767:hover .n48802f {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  transform: scale(1.1);
}

.pa2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw + 0.5rem, 1.5rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-tight);
}

.bf2 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-lg) 0;
  flex-grow: 1;
}

.h81 {
  list-style: none;
  padding: 0;
  margin: var(--spacing-lg) 0 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  border-top: 1px solid var(--color-border-light);
  padding-top: var(--spacing-lg);
}

.h81 li {
  color: var(--color-text-secondary);
  font-size: 0.95rem;
  padding-left: var(--spacing-md);
  position: relative;
  line-height: var(--line-height-normal);
}

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

.be671 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

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

.i938326 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-xl) 0;
}

.d87cb8 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid var(--color-primary);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
  cursor: pointer;
}

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

.d87cb8:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 640px) {
  .l844b {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

  .pbab20 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }

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

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

@media (min-width: 1024px) {
  .l844b {
    padding: 5rem var(--spacing-lg);
  }

  .e5f5 {
    padding: 5rem var(--spacing-lg);
  }

  .pbab20 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-3xl);
  }

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

  .be671 {
    padding: 5rem var(--spacing-lg);
  }

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

@media (min-width: 1280px) {
  .pbab20 {
    grid-template-columns: repeat(4, 1fr);
  }
}

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

.o09289 main {
  width: 100%;
  padding: var(--spacing-lg);
}

.o09289 .hf224868 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-lg);
}

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

.o09289 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-md);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-tight);
}

.o09289 .p1421 {
  font-size: clamp(0.85rem, 1vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.o09289 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
}

.o09289 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-md);
}

.o09289 ul,
.o09289 ol {
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

.o09289 li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-sm);
}

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

.o09289 .n02745dc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
}

.o09289 .n02745dc h2 {
  color: var(--color-text-primary);
  margin-top: 0;
}

.o09289 .n02745dc p {
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o09289 .ae666 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

@media (min-width: 768px) {
  .o09289 main {
    padding: var(--spacing-xl);
  }

  .o09289 .hf224868 {
    padding: 0 var(--spacing-xl);
  }

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

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

@media (min-width: 1024px) {
  .o09289 main {
    padding: var(--spacing-2xl);
  }

  .o09289 .hf224868 {
    padding: 0 var(--spacing-2xl);
  }

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

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

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

main {
  width: 100%;
  min-height: 100vh;
}

.bb13 {
  width: 100%;
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.hf224868 {
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}

.bab {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.p2a22064 {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.a60e0da9 {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-secondary);
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.a60e0da9 svg {
  width: 48px;
  height: 48px;
  color: var(--color-success);
  stroke-width: 2;
}

.a61a {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  letter-spacing: var(--letter-spacing-tight);
  line-height: var(--line-height-tight);
}

.hb8c {
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

.n603 {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

.l87f0e {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
  letter-spacing: var(--letter-spacing-normal);
}

.m08 {
  margin-top: var(--spacing-lg);
  min-width: 200px;
}

.b812 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md) var(--spacing-2xl);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all var(--transition-base);
  font-family: var(--font-primary);
  letter-spacing: var(--letter-spacing-normal);
  line-height: var(--line-height-normal);
}

.d1f20 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

.d1f20:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

.d1f20:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

@media (min-width: 768px) {
  .bb13 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

  .p2a22064 {
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-2xl);
  }

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

  .a60e0da9 svg {
    width: 56px;
    height: 56px;
  }
}

@media (min-width: 1024px) {
  .bb13 {
    padding: var(--spacing-3xl) var(--spacing-xl);
  }

  .p2a22064 {
    padding: var(--spacing-3xl) var(--spacing-xl);
    gap: var(--spacing-2xl);
  }

  .b812 {
    font-size: 1.05rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .b812 {
    transition: none;
  }

  .d1f20:hover {
    transform: none;
  }

  .d1f20:active {
    transform: none;
  }
}

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

.i24a {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.m05c9 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.hf224868 {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.bab {
  width: 100%;
  max-width: 800px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.j4e068 {
  margin-bottom: var(--spacing-2xl);
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}

.cd3af {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hfd {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 900;
  color: var(--color-primary);
  letter-spacing: var(--letter-spacing-tight);
  line-height: 1;
  position: relative;
  z-index: 2;
  animation: float-up 3s ease-in-out infinite;
}

.o528 {
  position: absolute;
  width: clamp(150px, 35vw, 280px);
  height: clamp(150px, 35vw, 280px);
  border: 3px solid var(--color-primary-light);
  border-radius: 50%;
  opacity: 0.3;
  z-index: 1;
  animation: rotate-slow 20s linear infinite;
}

.o528::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid var(--color-secondary-light);
  border-radius: 50%;
  inset: -20px;
  opacity: 0.2;
  animation: rotate-slow-reverse 25s linear infinite;
}

.k3736f {
  margin-bottom: var(--spacing-2xl);
  position: relative;
  z-index: 3;
}

.fae9 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
  margin-bottom: var(--spacing-md);
  line-height: var(--line-height-tight);
}

.i3d570 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin-bottom: var(--spacing-xl);
  letter-spacing: var(--letter-spacing-normal);
}

.daa18 {
  background-color: var(--color-bg-secondary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg) var(--spacing-md);
  margin-bottom: var(--spacing-xl);
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.daa18::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: var(--color-primary);
  z-index: 0;
}

.mea3d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  color: var(--color-text-primary);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  margin-bottom: var(--spacing-sm);
  position: relative;
  z-index: 1;
  line-height: var(--line-height-normal);
}

.kf50a78 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  position: relative;
  z-index: 1;
  letter-spacing: var(--letter-spacing-normal);
}

.b812 {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  letter-spacing: var(--letter-spacing-normal);
  text-decoration: none;
  border-radius: var(--radius-lg);
  transition: all var(--transition-base) ease-in-out;
  cursor: pointer;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  gap: var(--spacing-sm);
  position: relative;
  z-index: 3;
  box-shadow: var(--shadow-md);
}

.d1f20 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border: 2px solid var(--color-primary);
}

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

.d1f20:active {
  transform: translateY(0);
  box-shadow: var(--shadow-md);
}

.b58a5397 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.j61872e4 {
  position: absolute;
  border-radius: 50%;
  opacity: 0.08;
  background-color: var(--color-primary);
}

.i887a4c {
  width: clamp(100px, 20vw, 250px);
  height: clamp(100px, 20vw, 250px);
  top: -10%;
  right: -5%;
  animation: float-accent-1 6s ease-in-out infinite;
}

.k33e0f5a {
  width: clamp(80px, 15vw, 200px);
  height: clamp(80px, 15vw, 200px);
  bottom: 10%;
  left: -8%;
  animation: float-accent-2 8s ease-in-out infinite;
}

.a3a {
  width: clamp(60px, 12vw, 150px);
  height: clamp(60px, 12vw, 150px);
  top: 40%;
  right: 5%;
  animation: float-accent-3 7s ease-in-out infinite;
}

@keyframes float-up {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes rotate-slow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-slow-reverse {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes float-accent-1 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-30px, 30px);
  }
}

@keyframes float-accent-2 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(40px, -25px);
  }
}

@keyframes float-accent-3 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-25px, -35px);
  }
}

@media (min-width: 768px) {
  .m05c9 {
    padding: var(--spacing-xl) var(--spacing-md);
    min-height: 100vh;
  }

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

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

  .b812 {
    padding: var(--spacing-md) var(--spacing-2xl);
    min-height: 52px;
  }
}

@media (min-width: 1024px) {
  .m05c9 {
    padding: var(--spacing-xl) var(--spacing-lg);
  }

  .bab {
    max-width: 900px;
  }

  .j4e068 {
    margin-bottom: var(--spacing-3xl);
    min-height: 280px;
  }

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

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

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

@media (max-width: 480px) {
  .m05c9 {
    padding: var(--spacing-md);
    min-height: auto;
  }

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

  .j4e068 {
    margin-bottom: var(--spacing-xl);
    min-height: 150px;
  }

  .daa18 {
    padding: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
  }

  .b812 {
    width: 100%;
    max-width: 300px;
  }
}

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

.jc29c {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.k3c6 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.c1770b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.b7787164 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.15rem);
  line-height: var(--line-height-relaxed);
  color: var(--color-text-secondary);
  margin: 0;
}

@media (min-width: 768px) {
  .jc29c {
    padding: 4rem var(--spacing-md);
  }

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

@media (min-width: 1024px) {
  .jc29c {
    padding: 5rem var(--spacing-md);
  }
}

.i04 {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

.nb9ed571 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.n10 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

@media (min-width: 768px) {
  .mee373 {
    flex: 1 1 45%;
  }

  .ac1f {
    flex: 1 1 45%;
  }
}

@media (min-width: 1024px) {
  .mee373 {
    flex: 1 1 48%;
  }

  .ac1f {
    flex: 1 1 48%;
  }
}

.k58bd {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.p3f {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.k38c {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.65rem, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.pe2,
.b5f4dac7 {
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  line-height: var(--line-height-normal);
  transition: all var(--transition-base);
}

.pe2::placeholder,
.b5f4dac7::placeholder {
  color: var(--color-text-muted);
}

.pe2:focus,
.b5f4dac7:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-card);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

.b5f4dac7 {
  resize: vertical;
  min-height: 140px;
  font-family: var(--font-primary);
}

.k6d03f7c {
  padding: var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
}

.ff7a711 {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.65rem, 0.95rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-normal);
}

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

.nfc10d:hover,
.nfc10d:focus {
  color: var(--color-primary-hover);
  text-decoration: underline;
}

.a55 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.65rem, 1.1rem);
  font-weight: 700;
  letter-spacing: var(--letter-spacing-normal);
  cursor: pointer;
  transition: all var(--transition-base);
  text-transform: uppercase;
}

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

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

.a55:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--color-accent-light);
}

.ee2 {
  width: 100%;
}

.ofc85 {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3vw, 1.75rem);
  font-weight: 700;
  line-height: var(--line-height-tight);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xl) 0;
  letter-spacing: var(--letter-spacing-tight);
}

.daa {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.m63 {
  display: flex;
  gap: var(--spacing-lg);
  align-items: flex-start;
}

.dffb6ec {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
}

.cdd94 {
  flex: 1;
}

.f8990 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1vw + 0.65rem, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  letter-spacing: var(--letter-spacing-normal);
}

.l0c0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: var(--line-height-relaxed);
}

.d7dfb22a {
  padding: var(--spacing-xl);
  background-color: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-top: 3px solid var(--color-secondary);
}

.d58358d {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 1.5vw + 0.65rem, 1.25rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: var(--letter-spacing-normal);
}

.c751e2 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  line-height: var(--line-height-relaxed);
  margin: 0 0 var(--spacing-md) 0;
}

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

@media (min-width: 768px) {
  .i04 {
    padding: 4rem var(--spacing-md);
  }

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

@media (min-width: 1024px) {
  .i04 {
    padding: 5rem var(--spacing-md);
  }

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

@media (max-width: 767px) {
  .mee373 {
    order: 1;
  }

  .ac1f {
    order: 2;
  }
}

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));}
.b06f3,.e03c2c{width:34px;}
.b06f3[aria-expanded="true"]{display:none;}
.nf51.ic8c1{z-index:999;}
.nf51{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.nf51{max-width:100%;}}
.gba7b{justify-content:flex-end;}
@media (max-width:768px){.e8e6a{min-height:500px;}}