@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: #f5f3ff;
  --color-bg-secondary: #ede9fe;
  --color-bg-tertiary: #ffffff;
  --color-bg-card: #ffffff;

  --color-text-primary: #1e1b4b;
  --color-text-secondary: #4338ca;
  --color-text-muted: #6c5aa2;

  --color-primary: #6d28d9;
  --color-primary-hover: #5b21b6;
  --color-primary-light: #ede9fe;
  --color-secondary: #8b5cf6;
  --color-secondary-light: #f3e8ff;

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

  --color-border: #d8bfd8;
  --color-border-light: #e9d5ff;

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

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

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

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

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

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

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

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

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

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

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

h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
}

h2 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
}

h3 {
  font-size: clamp(1.5rem, 3vw, 2.25rem);
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

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

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

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

.d0cf407 {
  background: var(--color-primary);
  color: #ffffff;
}

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

.d0cf407:active {
  transform: scale(0.98);
}

.da7ccd6 {
  background: var(--color-secondary);
  color: #ffffff;
}

.da7ccd6:hover {
  background: #7c3aed;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

input, textarea, select {
  font-family: var(--font-primary);
  width: 100%;
  padding: var(--spacing-md);
  border: 2px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  background: var(--color-bg-tertiary);
  color: var(--color-text-primary);
  font-size: 1rem;
  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);
}

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

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

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

.fe1 {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-full);
  font-weight: 600;
  font-size: 0.875rem;
}

.d9e {
  background: var(--color-primary-light);
  color: var(--color-primary);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.jd72 {
  text-align: center;
}

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

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

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

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

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

.b24 { margin-top: var(--spacing-xs); }
.p3a7419b { margin-top: var(--spacing-sm); }
.oe6 { margin-top: var(--spacing-md); }
.b7f33 { margin-top: var(--spacing-lg); }
.f26 { margin-top: var(--spacing-xl); }
.nf77ec { margin-top: var(--spacing-2xl); }

.hdaf { margin-bottom: var(--spacing-xs); }
.n732c { margin-bottom: var(--spacing-sm); }
.n5712abf { margin-bottom: var(--spacing-md); }
.hd8c28 { margin-bottom: var(--spacing-lg); }
.gf0 { margin-bottom: var(--spacing-xl); }
.a3954963 { margin-bottom: var(--spacing-2xl); }

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

.a081 { padding: var(--spacing-md); }
.g278c176 { padding: var(--spacing-lg); }
.g6e { padding: var(--spacing-xl); }

.bb56 { border-radius: var(--radius-sm); }
.d301 { border-radius: var(--radius-md); }
.pe247 { border-radius: var(--radius-lg); }
.l98 { border-radius: var(--radius-xl); }
.n3f153b5 { border-radius: var(--radius-full); }

.lda { box-shadow: var(--shadow-sm); }
.h8e37 { box-shadow: var(--shadow-md); }
.gdf8bf { box-shadow: var(--shadow-lg); }
.j0b1ab27 { box-shadow: var(--shadow-xl); }

.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) {
  .jcfd {
    padding: 0 var(--spacing-md);
  }

  h1 {
    font-size: 1.75rem;
  }

  h2 {
    font-size: 1.5rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  .kd9c,
  .n5c,
  .k14 {
    grid-template-columns: 1fr;
  }

  button, .obc4c73c {
    padding: var(--spacing-sm) var(--spacing-md);
    font-size: 0.95rem;
  }
}

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

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

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

.d2b9c5:hover {
  opacity: 0.85;
}

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

.n4b {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.375rem);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: -0.5px;
}

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

.ofd5a2 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: color var(--transition-base);
  white-space: nowrap;
}

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

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

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

.h131e9 {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  z-index: 101;
}

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

.h131e9[aria-expanded="true"] .b99:nth-child(1) {
  transform: rotate(45deg) translateY(10px);
}

.h131e9[aria-expanded="true"] .b99:nth-child(2) {
  opacity: 0;
}

.h131e9[aria-expanded="true"] .b99:nth-child(3) {
  transform: rotate(-45deg) translateY(-10px);
}

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

.i8d9.h9c8d {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.b11467 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem clamp(1rem, 4vw, 2rem);
  border-bottom: 1px solid var(--color-border-light);
}

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

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

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

.pb83 {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 1rem 0;
  flex: 1;
}

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

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

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

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

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

  .h90 {
    display: flex;
  }

  .n51 {
    display: inline-block;
  }

  .h131e9 {
    display: none;
  }

  .i8d9 {
    display: none;
  }
}

@media (min-width: 1024px) {
  .pf48e {
    padding: 1.25rem clamp(1.5rem, 4vw, 2.5rem);
  }

  .n4b {
    font-size: 1.375rem;
  }

  .ofd5a2 {
    font-size: 0.9375rem;
  }

  .n51 {
    font-size: 0.9375rem;
    padding: 0.75rem 1.75rem;
  }
}

    

.o32094 {
  width: 100%;
}

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

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

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

.obc4c73c {
  display: inline-block;
  padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  font-family: var(--font-primary);
}

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

.b46:hover {
  background: var(--color-accent-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(109, 40, 217, 0.3);
}

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

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

.afd7fc {
  background: linear-gradient(135deg, var(--color-bg-secondary) 0%, var(--color-bg-primary) 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.m9707 {
  text-align: center;
}

.g499a23 {
  font-size: clamp(2rem, 6vw, 4rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(0.5rem, 2vw, 1rem) 0;
  line-height: 1.2;
}

.ld2df9e {
  font-size: clamp(1rem, 2vw, 1.5rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 500;
}

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

.n9dbb2e5 {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  min-width: 140px;
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  transition: all var(--transition-base);
}

.n9dbb2e5:hover {
  transform: translateY(-4px) rotate(-2deg);
  box-shadow: 0 8px 24px rgba(109, 40, 217, 0.15);
}

.la7d {
  transform: rotate(-3deg);
}

.d1bf6 {
  transform: rotate(2deg);
}

.n7d {
  transform: rotate(-1deg);
}

.iac6420a {
  transform: rotate(3deg);
}

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

.mfe8 {
  font-size: clamp(0.875rem, 1.5vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: center;
}

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

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

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

.ib10 {
  flex: 1 1 45%;
}

.n7e {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
}

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

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

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

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

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

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

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

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

  .ib10,
  .if5332 {
    flex: 1 1 100%;
  }
}

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

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

.h09b729 {
  text-align: center;
}

.d490 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
}

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

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

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

.af8809 {
  flex-direction: row;
}

.g67778 {
  flex-direction: row-reverse;
}

.o8bd6e {
  flex: 1 1 40%;
  min-height: 250px;
}

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

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

.b207c3 {
  font-size: clamp(2.5rem, 8vw, 4rem);
  font-weight: 900;
  color: var(--color-accent);
  font-family: var(--font-heading);
  line-height: 1;
}

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

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

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

  .o8bd6e {
    flex: 1 1 100%;
    min-height: 280px;
  }

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

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

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

.g4b66219 {
  text-align: center;
}

.l8a5 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
}

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

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

.ncee {
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  border-radius: 12px;
  min-width: 200px;
  flex: 1 1 300px;
  max-width: 350px;
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.08);
  border-left: 4px solid var(--color-accent);
  transition: all var(--transition-base);
}

.ncee:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(109, 40, 217, 0.15);
}

.l853f9 {
  font-size: clamp(1.5rem, 3vw, 2rem);
  color: var(--color-accent);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
}

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

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

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

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

.c8c4fc63 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0;
}

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

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

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

.f5b5d7d7 {
  flex: 1 1 45%;
  min-height: 400px;
}

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

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

  .de4f47a,
  .f5b5d7d7 {
    flex: 1 1 100%;
  }

  .f5b5d7d7 {
    min-height: 280px;
  }
}

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

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

.mbe2e09f {
  text-align: center;
}

.m31d {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
}

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

.c59ba9b {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
  justify-content: center;
}

.c4a0 {
  flex: 1 1 280px;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
}

.gc1a3a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--color-accent-light);
  border-radius: 12px;
  font-size: 1.75rem;
  color: var(--color-text-on-accent);
}

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

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

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

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

.md5 {
  text-align: center;
}

.db1b4 {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0 0 clamp(0.75rem, 1.5vw, 1rem) 0;
}

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

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

.c9b1133 {
  flex: 1 1 300px;
  max-width: 400px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.1);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
}

.c9b1133:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(109, 40, 217, 0.2);
}

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

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

.c9b1133:hover .jd6097b {
  transform: scale(1.05);
}

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

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

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

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

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

.abd851 {
  text-align: center;
}

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

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

.gc6 {
  flex: 1 1 40%;
  min-height: 400px;
}

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

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

.jb82dde {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0;
}

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

.k38 {
  background: transparent;
  border: none;
  width: 100%;
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: all var(--transition-fast);
  font-family: var(--font-primary);
}

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

.gf37c493 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  text-align: left;
}

.k38 i {
  color: var(--color-accent);
  transition: transform var(--transition-fast);
  font-size: clamp(1rem, 2vw, 1.25rem);
}

.k38.h9c8d i {
  transform: rotate(180deg);
}

.e0ae9 {
  padding: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  max-height: 500px;
  overflow: hidden;
  transition: all var(--transition-base);
}

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

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

  .gc6 {
    flex: 1 1 100%;
    min-height: 280px;
  }

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

.f24 {
  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);
  padding: clamp(4rem, 10vw, 6rem) 0;
  overflow: hidden;
}

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

.k957 {
  font-size: clamp(2rem, 5vw, 3rem);
  color: var(--color-text-on-accent);
  font-family: var(--font-heading);
  font-weight: 800;
  margin: 0;
}

.cef13 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  line-height: 1.8;
}

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

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

.f24 .b46:hover {
  background: rgba(255, 255, 255, 0.9);
  color: var(--color-accent-hover);
}

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

.f24 .n518a0:hover {
  background: rgba(255, 255, 255, 0.2);
  border-color: var(--color-text-on-accent);
}

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

.d3a.ce653 {
  display: none;
}

.p7a4 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
  max-width: 400px;
  text-align: center;
}

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

.a9503,
.l855 {
  padding: clamp(0.5rem, 1vw, 0.75rem) clamp(1rem, 2vw, 1.5rem);
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  font-size: clamp(0.8125rem, 0.9vw, 0.9375rem);
  transition: all var(--transition-fast);
  font-family: var(--font-primary);
}

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

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

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

.l855:hover {
  border-color: rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.1);
}

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

  .p7a4 {
    width: 100%;
  }

  .l9c {
    width: 100%;
  }

  .a9503,
  .l855 {
    flex: 1;
    min-width: 120px;
  }
}

@media (max-width: 640px) {
  .fb7f {
    gap: 1rem;
  }

  .n9dbb2e5 {
    min-width: 120px;
    padding: 1rem;
  }

  .dcf63f {
    flex-direction: column;
  }

  .dcf63f .obc4c73c {
    width: 100%;
  }

  .aabbe7fd {
    gap: 1rem;
  }

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

  .j2e2b {
    gap: 1rem;
  }

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

  .c59ba9b {
    gap: 1.5rem;
  }

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

  .lf485 {
    flex-direction: column;
  }

  .lf485 .obc4c73c {
    width: 100%;
  }
}

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

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

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

.o2a19 {
  display: block;
  max-width: 600px;
}

.o2a19 h3 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.5rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

.m53 {
  display: block;
}

.m53 h4,
.j02c h4,
.d68c73 h4 {
  color: var(--color-text-primary);
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 600;
  margin-bottom: clamp(0.75rem, 2vw, 1rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.i81fb840,
.hae {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.5rem);
  list-style: none;
  padding: 0;
  margin: 0;
}

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

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

.j02c {
  display: block;
}

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

.d68c73 {
  display: block;
}

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

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

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

@media (min-width: 768px) {
  .cf2b {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(2.5rem, 6vw, 4rem);
    align-items: start;
  }

  .o2a19 {
    grid-column: 1 / -1;
  }

  .m53,
  .j02c,
  .d68c73 {
    display: block;
  }

  .lfa {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  .cf2b {
    grid-template-columns: repeat(4, 1fr);
  }

  .o2a19 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
  }

  .lfa {
    grid-column: 1 / -1;
  }
}

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

.bcad51fa {
  background: linear-gradient(135deg, var(--color-bg-primary) 0%, var(--color-bg-secondary) 100%);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 2px solid var(--color-border);
}

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

.a17e0 {
  text-align: center;
}

.cfd5bc {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 5vw + 1rem, 3.5rem);
  line-height: 1.1;
  margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
  letter-spacing: -0.02em;
}

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

.n9ece26e {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 3vw, 2rem);
  justify-content: center;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  border: 1px solid var(--color-border-light);
}

.h3486c {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 120px;
}

.ge753d84 {
  color: var(--color-text-muted);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.o91 {
  color: var(--color-accent);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  font-family: var(--font-heading);
}

.p1a8e {
  background: var(--color-bg-tertiary);
  padding: clamp(3rem, 8vw, 6rem) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border);
}

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

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

.l16068 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.125rem);
  line-height: 1.8;
  text-align: center;
}

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

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

.cac4 {
  text-align: center;
}

.ddaf3b06 {
  color: var(--color-text-primary);
  font-size: clamp(1.75rem, 4vw + 0.5rem, 2.75rem);
  margin-bottom: clamp(0.75rem, 2vw, 1.25rem);
  letter-spacing: -0.02em;
}

.a6a99d {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.1rem);
}

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

.b529 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(109, 40, 217, 0.08);
  transition: all 0.3s ease;
}

.b529:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(109, 40, 217, 0.12);
}

.m800cdb {
  width: 100%;
  max-height: 350px;
  overflow: hidden;
}

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

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

.f93dd3db {
  color: var(--color-text-primary);
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.75rem);
  line-height: 1.3;
  letter-spacing: -0.01em;
}

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

.c8938d {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding-top: clamp(0.75rem, 1.5vw, 1.25rem);
  border-top: 1px solid var(--color-border-light);
}

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

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

.l52891e2 {
  align-self: flex-start;
  color: var(--color-accent);
  font-weight: 600;
  font-size: 0.95rem;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

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

.de3b5a {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
  width: 100%;
}

.e14 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-tertiary);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(109, 40, 217, 0.06);
  transition: all 0.3s ease;
  height: 100%;
}

.e14:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(109, 40, 217, 0.1);
}

.e14 .m800cdb {
  max-height: 220px;
}

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

.e14 .f93dd3db {
  font-size: clamp(1.1rem, 2vw + 0.4rem, 1.5rem);
}

.e14 .l46 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
}

.e14 .l52891e2 {
  margin-top: auto;
}

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

  .h3486c {
    min-width: 140px;
  }

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

  .e14 .m800cdb {
    max-height: 240px;
  }
}

@media (min-width: 1024px) {
  .cfd5bc {
    margin-bottom: 1.5rem;
  }

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

  .b529 {
    margin-bottom: 1rem;
  }

  .e14 .m800cdb {
    max-height: 260px;
  }
}

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

  .h3486c {
    width: 100%;
    min-width: unset;
  }

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

  .e14 {
    width: 100%;
  }

  .o140831c {
    font-size: 0.8rem;
  }
}

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

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

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

.f2105d {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

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

  .p39ce8,
  .oa7 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.e3ed02d {
  flex-shrink: 0;
}

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

.m9afa {
  flex: 1;
}

.cbc49295 {
  font-family: var(--font-heading);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: 0.25rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.n7bb6010 {
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-muted);
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .jd4a0b5 {
    flex-direction: column;
    align-items: flex-start;
  }
}

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

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

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

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

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

.p65 {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

  .ja8,
  .g3a177 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.da21 {
  font-family: var(--font-heading);
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  color: var(--color-accent);
  margin-bottom: 0.25rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.hcfa4c {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-primary);
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

  .g5723,
  .fc25 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.p92ed {
  background: var(--color-bg-secondary);
  padding: clamp(1rem, 2vw, 1.25rem);
  border-radius: var(--radius-md);
  border-left: 4px solid var(--color-primary);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.ed9542 {
  color: var(--color-primary);
  font-weight: 600;
  display: inline;
}

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

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

  .b290,
  .g32 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

.e9158a {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  align-items: flex-start;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  color: var(--color-text-secondary);
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.e9158a i {
  color: var(--color-success);
  flex-shrink: 0;
  margin-top: 0.25rem;
}

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

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

  .f9eff11b,
  .p4d66a {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

.d3abe6 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.j0e {
  flex-shrink: 0;
  font-size: clamp(1.5rem, 2vw, 2rem);
  color: var(--color-warning);
}

.b1a61d33 {
  flex: 1;
}

.e44b038 {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

@media (max-width: 768px) {
  .ic351 {
    flex-direction: column;
    align-items: flex-start;
  }
}

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

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

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

.b3765 {
  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);
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

html, body {
  width: 100%;
}

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

.d6b1d {
  width: 100%;
  background: var(--color-bg-primary);
}

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

.l955c8 {
  position: relative;
  background: var(--color-bg-primary);
  padding: clamp(2rem, 6vw, 4rem) 0;
  overflow: hidden;
  min-height: 400px;
  display: flex;
  align-items: center;
}

.g749dd {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  opacity: 0.25;
}

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

.l955c8 .jcfd {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 3vw, 2rem);
}

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

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

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

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

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

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

.g1ccc {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius-full);
  font-size: 0.8125rem;
  font-weight: 600;
  width: fit-content;
}

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

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

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

.d68 {
  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-secondary);
}

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

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

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

.of3 {
  flex-shrink: 0;
}

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

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

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

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

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

.lc67553 {
  font-size: 0.875rem;
  color: var(--color-text-secondary);
  font-weight: 600;
}

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

@media (max-width: 768px) {
  .k12bac {
    flex-direction: column;
    align-items: flex-start;
  }
}

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

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

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

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

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

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

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

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

  .ld580,
  .nc6 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.p70b64de {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.p04cbf90 {
  font-size: 2rem;
  color: var(--color-accent);
  height: 3rem;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

.a09ba {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.lf496 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-full);
  font-family: var(--font-heading);
  font-size: 1.25rem;
  font-weight: 700;
  flex-shrink: 0;
}

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

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

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

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

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

  .n443565,
  .e46da {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

.d073b {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

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

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

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

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

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

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

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

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

.j58a9 {
  display: inline-block;
  font-size: clamp(0.8125rem, 1vw + 0.5rem, 0.9375rem);
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}

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

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

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

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

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

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

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

.n0b30 {
  flex: 1 1 calc(50% - 1.5rem);
  min-width: 250px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.ef9c0 {
  font-size: 2rem;
  color: var(--color-secondary);
  height: 3rem;
  display: flex;
  align-items: center;
}

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

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

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

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

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

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

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

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

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

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

  .n0dc42b,
  .l3778 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

  .l1e {
    margin-top: 0;
  }
}

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

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

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

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

.m37a4 {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 1rem;
}

.g8affec {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: 0.75rem 1.5rem;
  border-radius: var(--radius-lg);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  transition: background 0.3s ease, transform 0.3s ease;
}

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

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

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

@media (max-width: 640px) {
  .l955c8 {
    min-height: 300px;
  }
}

* {
  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 {
  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 var(--transition-base);
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

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

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

.k789 {
  background: var(--color-bg-primary);
  overflow: hidden;
  position: relative;
  padding: 0;
  min-height: 280px;
}

.oacc9 {
  position: relative;
  height: 280px;
  overflow: hidden;
}

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

.acfc74 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(30, 27, 75, 0.75) 0%, rgba(99, 102, 241, 0.65) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(1.5rem, 5vw, 3rem) 0;
}

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

.m89bb71 a {
  color: var(--color-text-on-accent);
  transition: all var(--transition-base);
}

.m89bb71 a:hover {
  text-decoration: underline;
}

.m89bb71 span {
  color: var(--color-text-on-accent);
}

.e8567b7c {
  text-align: center;
  max-width: 900px;
}

.kd8e5e {
  display: flex;
  flex-direction: row;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.g275b630,
.pe3,
.nff7d5 {
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-text-on-accent);
  padding: 0.375rem 0.75rem;
  border-radius: var(--radius-md);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
  font-weight: 500;
  backdrop-filter: blur(4px);
}

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

.c33588ab {
  font-size: clamp(0.9375rem, 2vw, 1.125rem);
  color: var(--color-text-on-accent);
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
}

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

.ea137cb2 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: center;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 600px;
  margin: 0 auto;
}

.lf7e435e {
  flex-shrink: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ea2b:last-of-type {
  margin-bottom: 1.5rem;
}

.ge64c9 {
  background: var(--color-bg-card);
  border-left: 4px solid var(--color-accent);
  padding: 1rem 1.25rem;
  border-radius: var(--radius-md);
  margin-top: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

.b0d5 {
  list-style: none;
  margin-top: 1.5rem;
}

.e5ca {
  font-size: clamp(0.875rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: 1.75rem;
  position: relative;
  margin-bottom: 0.75rem;
  line-height: 1.6;
}

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

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

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

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

.g439189 {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.ea26d2c {
  font-size: clamp(0.875rem, 1vw, 0.9375rem);
  font-weight: 600;
  color: var(--color-accent);
  transition: all var(--transition-base);
  display: inline-block;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.j94b2154 {
  background: var(--color-danger-light);
  border-left: 4px solid var(--color-danger);
  padding: 1.25rem;
  border-radius: var(--radius-md);
  margin-top: 1.5rem;
}

.l6a2123b {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--color-danger);
  margin-bottom: 0.75rem;
}

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

.mf3bf04 li {
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-primary);
  padding-left: 1.5rem;
  position: relative;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

.mf3bf04 li:before {
  content: '';
  position: absolute;
  left: 0;
  color: var(--color-danger);
  font-size: 1rem;
}

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

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

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

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

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

.c6ab87 {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.0625rem);
  color: var(--color-text-secondary);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.8;
}

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

.fb669 {
  flex: 1 1 calc(33.333% - 1.667rem);
  min-width: 250px;
  max-width: 100%;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  transition: all var(--transition-base);
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-top: 3px solid var(--color-accent);
}

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

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

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

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

.ba679 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 4vw, 2.5rem);
  align-items: flex-start;
  background: var(--color-warning-light);
  border-left: 4px solid var(--color-warning);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  max-width: 800px;
  margin: 0 auto;
}

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

.e77 {
  flex: 1;
}

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

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

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

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

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

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

.c707 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 1rem;
}

.hb881e {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.75rem, 2vw, 1rem) clamp(1.5rem, 4vw, 2.5rem);
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: all var(--transition-base);
  border: 2px solid var(--color-accent);
}

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

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

  .j8132d9c,
  .j806,
  .a0285e,
  .pf3a {
    flex-direction: column;
  }

  .g467ee,
  .p118,
  .d56c9,
  .mf0deb,
  .f66cd,
  .o62,
  .b4b1134f,
  .ee5b85f {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

  .ba679 {
    flex-direction: column;
  }

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

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

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

@media (max-width: 600px) {
  .k789 {
    min-height: 220px;
  }

  .oacc9 {
    height: 220px;
  }

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

  .k5f42e,
  .ib57ad,
  .fd50cf,
  .g15,
  .h8c82fb,
  .be3,
  .abce364c,
  .ob8 {
    padding: clamp(2rem, 5vw, 3rem) 0;
  }

  .kd8e5e {
    gap: 0.5rem;
  }

  .g275b630,
  .pe3,
  .nff7d5 {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
  }
}

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

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

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

.g40 {
  position: relative;
  min-height: 480px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.nb940592 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

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

.d96c864 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(79, 70, 229, 0.75) 0%, rgba(109, 40, 217, 0.65) 100%);
  display: flex;
  align-items: center;
  z-index: 2;
}

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

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

.i2988f11 a:hover {
  opacity: 0.8;
}

.i2988f11 span {
  color: var(--color-text-on-accent);
  opacity: 0.7;
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.gccbf6 {
  position: relative;
  z-index: 3;
}

.a19 {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  color: var(--color-text-on-accent);
  padding: 0.5rem 1rem;
  border-radius: var(--radius-lg);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  backdrop-filter: blur(10px);
}

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

.d5159c {
  color: rgba(255, 255, 255, 0.95);
  font-size: clamp(0.875rem, 1.5vw, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

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

.iae598 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.9);
  font-size: clamp(0.8125rem, 1vw, 0.875rem);
}

.iae598 i {
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

.i3a7b4 {
  flex-shrink: 0;
}

.b1b0 {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-lg);
  object-fit: cover;
  display: block;
  border: 2px solid var(--color-border);
}

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

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

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

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

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

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

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

@media (max-width: 768px) {
  .a14 {
    flex-direction: column;
    align-items: flex-start;
  }

  .b1b0 {
    width: 100px;
    height: 100px;
  }
}

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

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

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

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

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

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

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

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

  .jd9,
  .m0f {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .l88,
  .meb {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

.eb177 {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

  .g03a5e6,
  .c23 {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.l6f1a {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: 50%;
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 700;
}

.ha184ef {
  flex: 1;
}

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

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

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

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

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

  .fcb,
  .p89ac {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

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

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

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

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

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

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

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

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

.f73e74 {
  flex: 1 1 calc(50% - 0.5rem);
  background: var(--color-bg-tertiary);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-light);
}

.oa7ce {
  color: var(--color-text-primary);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

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

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

  .jd9c7,
  .o10487cf {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

.m081 {
  background: var(--color-bg-tertiary);
  padding: clamp(2.5rem, 5vw, 4rem) 0;
  overflow: hidden;
}

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

.o3b {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1.5rem;
}

.ia8cad0c {
  flex: 1;
}

.ndc0 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  font-weight: 700;
  margin-bottom: 0.75rem;
}

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

@media (max-width: 768px) {
  .od8 {
    flex-direction: column;
    align-items: flex-start;
  }
}

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

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

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

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

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

.o0a74 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.875rem, 1.5vw, 1.125rem) clamp(1.5rem, 3vw, 2rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: var(--radius-md);
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 600;
  transition: background var(--transition-base), transform var(--transition-base);
}

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

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

  .d96c864 {
    padding: clamp(1rem, 3vw, 2rem) 0;
  }
}

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

html {
  scroll-behavior: smooth;
}

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

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

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

.dd8 {
  width: 100%;
}

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

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

.eb18a2 {
  text-align: center;
}

.i0854f {
  display: inline-block;
  background: var(--color-bg-secondary);
  color: var(--color-text-secondary);
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

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

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

.n5411b {
  width: 100%;
  max-height: 450px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

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

.jc99ec {
  flex: 1;
}

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

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

.f4c6a {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-primary);
  margin-bottom: 1.25rem;
  line-height: 1.7;
}

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

.d196bd {
  width: 100%;
  max-height: 400px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

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

  .jc99ec {
    flex: 1 1 50%;
  }

  .d196bd {
    flex: 1 1 45%;
    max-height: 350px;
  }
}

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

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

.c066 {
  text-align: center;
}

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

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

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

.hadcf6 {
  flex: 1 1 100%;
  min-width: 280px;
  max-width: 320px;
  background: var(--color-bg-tertiary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 10px;
  border: 1px solid var(--color-border-light);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  transition: all 0.3s ease;
}

.hadcf6:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(109, 40, 217, 0.1);
  border-color: var(--color-border);
}

.b185d75 {
  width: 48px;
  height: 48px;
  background: var(--color-bg-secondary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--color-accent);
}

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

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

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

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

.hdd40d45 {
  text-align: center;
}

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

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

.a39 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

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

.h38 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  padding-left: 0;
}

@media (min-width: 768px) {
  .h38 {
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
    padding-left: 0;
  }
}

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

.c39 {
  flex: 1;
}

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

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

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

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

.j136 {
  text-align: center;
}

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

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

.n2f7493 {
  font-size: clamp(0.9375rem, 1vw, 1.0625rem);
  color: var(--color-text-secondary);
  max-width: 600px;
  margin: 0 auto;
  line-height: 1.7;
}

.l3b {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: clamp(1.5rem, 3vw, 2rem);
}

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

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

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

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

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

.ede6 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.hbb {
  width: 32px;
  height: 32px;
  background: var(--color-bg-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-accent);
  font-size: 1rem;
  flex-shrink: 0;
}

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

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

@media (max-width: 767px) {
  .i0854f,
  .g4587,
  .nfd973f,
  .e36ecf,
  .e40ab4 {
    margin-bottom: 1rem;
  }

  .ne0 {
    flex-direction: column;
  }

  .jc99ec,
  .d196bd {
    flex: 1 1 100%;
  }

  .h38 {
    padding-left: 0;
  }

  .mca {
    margin-bottom: 0;
  }
}

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

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

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

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

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

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

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

p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.6;
}

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

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

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

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

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

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

.ae59b0 {
  color: var(--color-text-primary);
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  line-height: 1.2;
  font-weight: 700;
}

.n46 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 2vw + 0.3rem, 1.25rem);
  line-height: 1.6;
  max-width: 500px;
}

.n3e37 {
  flex: 1 1 50%;
  min-height: 300px;
}

.k1b321ac {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
}

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

  .ba8 {
    flex: 1 1 100%;
  }

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

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

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

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

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

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

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

.oae6 {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  line-height: 1.8;
}

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

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

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

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

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

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

.gfd86c {
  flex: 1 1 clamp(250px, 30vw, 350px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  transition: var(--transition-base);
}

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

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

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

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

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

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

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

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

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

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

.a212 {
  flex: 1 1 clamp(280px, 45vw, 420px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(2rem, 3vw, 2.5rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-lg);
  border-top: 3px solid var(--color-accent);
}

.e859 {
  color: var(--color-text-primary);
  font-size: clamp(1.2rem, 2.5vw + 0.3rem, 1.5rem);
  font-weight: 600;
  line-height: 1.3;
}

.b75a43 {
  color: var(--color-text-secondary);
  font-size: clamp(0.875rem, 1.5vw + 0.2rem, 1.05rem);
  line-height: 1.8;
}

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

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

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

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

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

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

.p8c2 {
  flex: 1 1 clamp(200px, 22vw, 280px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  text-align: center;
  transition: var(--transition-base);
  border: 1px solid var(--color-border);
}

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

.o38f8 {
  color: var(--color-accent);
  font-size: clamp(2rem, 4vw, 2.75rem);
  display: block;
}

.c62 {
  color: var(--color-text-primary);
  font-size: clamp(1rem, 1.8vw + 0.2rem, 1.3rem);
  font-weight: 600;
}

.h564819 {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1.3vw + 0.2rem, 0.95rem);
  line-height: 1.7;
}

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

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

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

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

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

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

.j4d7 {
  flex: 1 1 clamp(240px, 22vw, 300px);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 1.5vw, 1rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-tertiary);
  border-radius: var(--radius-md);
  border-bottom: 3px solid var(--color-accent);
}

.j5f6c8 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.8vw + 0.2rem, 1.3rem);
  font-weight: 600;
}

.nc9d {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1.3vw + 0.2rem, 0.95rem);
  line-height: 1.7;
}

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

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

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

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

.i80edd {
  color: var(--color-text-secondary);
  font-size: clamp(0.95rem, 1.5vw + 0.3rem, 1.125rem);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

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

.k5ff4 {
  flex: 1 1 clamp(250px, 22vw, 320px);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 1.5vw, 1.5rem);
  padding: clamp(1.5rem, 2.5vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-accent);
  transition: var(--transition-base);
}

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

.g9c7c51 {
  color: var(--color-text-primary);
  font-size: clamp(1.05rem, 1.8vw + 0.2rem, 1.3rem);
  font-weight: 600;
  line-height: 1.4;
}

.m68ecf {
  color: var(--color-text-secondary);
  font-size: clamp(0.8125rem, 1.3vw + 0.2rem, 0.95rem);
  line-height: 1.7;
  flex-grow: 1;
}

.e2e7edd {
  color: var(--color-accent-light);
  font-size: clamp(0.8125rem, 1.2vw + 0.2rem, 0.95rem);
  font-weight: 600;
  transition: var(--transition-base);
  display: inline-block;
}

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

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

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

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

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

.de0fd {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.05rem);
  transition: var(--transition-base);
  text-decoration: none;
  border: 2px solid var(--color-accent);
  cursor: pointer;
}

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

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

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

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

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

.n8c033 {
  display: inline-block;
  padding: clamp(0.875rem, 1.5vw, 1.25rem) clamp(1.5rem, 3vw, 2.5rem);
  background: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-lg);
  font-weight: 600;
  font-size: clamp(0.95rem, 1.5vw + 0.2rem, 1.05rem);
  transition: var(--transition-base);
  text-decoration: none;
  border: 2px solid var(--color-primary);
  cursor: pointer;
}

.n8c033:hover {
  background: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  text-decoration: none;
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .gfd86c {
    flex: 1 1 clamp(250px, 45vw, 350px);
  }

  .a212 {
    flex: 1 1 clamp(280px, 100%, 420px);
  }

  .p8c2 {
    flex: 1 1 clamp(200px, 45vw, 280px);
  }

  .j4d7 {
    flex: 1 1 clamp(240px, 45vw, 300px);
  }

  .k5ff4 {
    flex: 1 1 clamp(250px, 45vw, 320px);
  }
}

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

  .l3a741 {
    flex-direction: column;
  }

  .a212 {
    flex: 1 1 100%;
  }

  .b9f18309 {
    flex-direction: row;
  }

  .p8c2 {
    flex: 1 1 clamp(150px, 45vw, 280px);
  }

  .ff3e0cd9 {
    flex-direction: row;
  }

  .j4d7 {
    flex: 1 1 clamp(150px, 45vw, 300px);
  }

  .g8fe282 {
    flex-direction: column;
  }

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

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

.kc115f {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

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

.ma1 {
  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-sm) 0;
  letter-spacing: -0.02em;
}

.a90088 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw + 0.25rem, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
}

@media (min-width: 768px) {
  .kc115f {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .kc115f {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

.c199 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

.p5b421c {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
  .c199 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .p5b421c {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

@media (min-width: 1024px) {
  .c199 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }

  .p5b421c {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-2xl);
  }
}

.c38f286 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

.c38f286:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

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

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

.c38f286:hover .bc9 img {
  transform: scale(1.02);
}

.h1fc0a {
  padding: var(--spacing-lg);
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cf907 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--color-primary);
  background-color: var(--color-primary-light);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
}

.f8253d {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.25rem, 1.5rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.3;
}

.c9a28 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.25rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
  flex: 1;
}

.c85ae4f0 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) var(--spacing-md);
  overflow: hidden;
}

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

.paf78 {
  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;
  letter-spacing: -0.02em;
}

.lb74 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw + 0.25rem, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  line-height: 1.6;
}

.e016 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.25rem, 1.1rem);
  font-weight: 600;
  color: var(--color-text-on-accent);
  background-color: var(--color-primary);
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: all var(--transition-base);
  border: 1px solid var(--color-primary);
  cursor: pointer;
}

.e016:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-1px);
}

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

@media (min-width: 768px) {
  .c85ae4f0 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .c85ae4f0 {
    padding: var(--spacing-4xl) var(--spacing-2xl);
  }
}

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

.cdade638 {
  padding: var(--spacing-lg) var(--spacing-md);
  background-color: var(--color-bg-secondary);
  overflow: hidden;
}

.h7b91 {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: var(--spacing-lg);
}

.d791 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 5vw, 2.75rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  line-height: 1.2;
}

.a356 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.d1b2a6a {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

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

.pc4cf {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

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

.n10b:hover {
  border-color: var(--color-primary-light);
  box-shadow: var(--shadow-sm);
}

.i61532 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-md);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  color: var(--color-text-primary);
  text-align: left;
  transition: all var(--transition-base);
}

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

.i61532:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: -2px;
}

.kacd9fcd {
  flex: 1;
  padding-right: var(--spacing-md);
}

.i327d45 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-full);
  color: var(--color-text-on-accent);
  transition: transform var(--transition-base);
  font-size: 16px;
}

.i327d45::after {
  content: "+";
  display: block;
  font-weight: 700;
}

.n10b[data-expanded="true"] .i327d45 {
  transform: rotate(45deg);
}

.n29 {
  padding: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
  animation: slideDown var(--transition-base) ease-out;
}

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

.lbffd {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.2vw, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.7;
}

.jdb4 {
  padding: var(--spacing-2xl) var(--spacing-md);
  background-color: var(--color-bg-tertiary);
  overflow: hidden;
}

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

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

.b7de5 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1.5vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.nbe {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-xl);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-family: var(--font-primary);
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  border: none;
  cursor: pointer;
  transition: all var(--transition-base);
  box-shadow: var(--shadow-sm);
}

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

.nbe:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .cdade638 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

  .d1b2a6a {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

  .jdb4 {
    padding: var(--spacing-3xl) var(--spacing-md);
  }

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

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

@media (min-width: 1024px) {
  .cdade638 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .d1b2a6a {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

  .jdb4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }

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

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

.jc2b06 .jcfd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.jc2b06 .pd4 {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--spacing-md);
}

.jc2b06 h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
  line-height: 1.3;
}

.jc2b06 .mec3f {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  font-style: italic;
}

.jc2b06 h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.4;
}

.jc2b06 p {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-md);
}

.jc2b06 ul {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-left: var(--spacing-lg);
  margin-bottom: var(--spacing-md);
}

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

.jc2b06 strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.jc2b06 .i6ae2629 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-2xl);
}

.jc2b06 .i6ae2629 h2 {
  margin-top: 0;
}

.jc2b06 .c313 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin: var(--spacing-sm) 0;
}

.jc2b06 .c313 strong {
  display: inline-block;
  min-width: 80px;
  color: var(--color-text-primary);
}

@media (min-width: 768px) {
  .jc2b06 .pd4 {
    padding: var(--spacing-4xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .jc2b06 .pd4 {
    padding: var(--spacing-4xl) var(--spacing-xl);
  }
}

.i5b {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.f2785 {
  width: 100%;
  padding: var(--spacing-2xl) 0;
  overflow: hidden;
}

.f2785 .jcfd {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.kd2 {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
  animation: fadeInUp 0.8s ease-out;
}

.ed93 {
  margin-bottom: var(--spacing-lg);
  display: flex;
  justify-content: center;
  align-items: center;
  animation: scaleIn 0.6s ease-out;
}

.ed93 svg {
  width: clamp(60px, 15vw, 100px);
  height: clamp(60px, 15vw, 100px);
  color: var(--color-success);
  stroke-width: 1.5;
  flex-shrink: 0;
}

.kd2 h1 {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.kd2 .p1c5 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  color: var(--color-primary);
  font-weight: 600;
  margin-bottom: var(--spacing-lg);
  line-height: 1.5;
}

.kd2 .b71637 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.1rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-lg);
  line-height: 1.8;
}

.kd2 .oec07 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1.05rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-2xl);
  line-height: 1.7;
}

.kd2 .obc4c73c {
  display: inline-block;
  margin-top: var(--spacing-md);
  transition: var(--transition-base);
}

.obc4c73c {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.1rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  text-decoration: none;
  cursor: pointer;
  border: none;
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  min-height: 44px;
}

.d0cf407 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d0cf407:active {
  transform: scale(0.98);
}

.d0cf407:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

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

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (min-width: 640px) {
  .i5b {
    padding: var(--spacing-lg);
  }

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

  .kd2 {
    padding: var(--spacing-2xl);
    background-color: var(--color-bg-card);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-sm);
  }
}

@media (min-width: 768px) {
  .i5b {
    padding: var(--spacing-xl);
  }

  .f2785 {
    padding: var(--spacing-4xl) 0;
  }

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

  .ed93 svg {
    width: 120px;
    height: 120px;
  }
}

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

  .kd2 {
    padding: var(--spacing-4xl) var(--spacing-3xl);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kd2,
  .ed93 {
    animation: none;
  }

  .d0cf407:active {
    transform: none;
  }
}

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

.p68fc3 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.l00fea {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-lg) var(--spacing-md);
  overflow: hidden;
}

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

.pd4 {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.o9fad8 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  align-items: center;
  text-align: center;
}

.k21 {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-lg);
}

.mb614cd6 {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.md18b6 {
  font-family: var(--font-heading);
  font-size: clamp(5rem, 15vw, 10rem);
  font-weight: 900;
  letter-spacing: -2px;
  background: linear-gradient(135deg, var(--color-primary), var(--color-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  display: block;
  line-height: 1;
  animation: float-error 3s ease-in-out infinite;
}

@keyframes float-error {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.l06c {
  width: 100%;
  height: auto;
  max-height: 250px;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));
}

.f020 {
  opacity: 0.6;
  animation: shift-mountain 8s ease-in-out infinite;
}

.dec2 {
  animation: shift-mountain-front 8s ease-in-out infinite;
}

.d902ef {
  animation: float-sun 4s ease-in-out infinite;
}

@keyframes shift-mountain {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(10px);
  }
}

@keyframes shift-mountain-front {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-8px);
  }
}

@keyframes float-sun {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}

.be54e084 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  animation: fade-up 0.8s ease-out 0.2s both;
}

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

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

.j3c {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-primary);
  font-weight: 600;
  line-height: 1.6;
}

.g574a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

.m230 {
  background-color: var(--color-bg-secondary);
  border-left: 4px solid var(--color-primary);
  padding: var(--spacing-lg);
  border-radius: var(--radius-md);
  margin: var(--spacing-md) 0;
  text-align: left;
}

.hb3d567 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-sm);
}

.o9c197e {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.o9c197e li {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.5;
}

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

.obc4c73c {
  display: inline-block;
  padding: var(--spacing-md) var(--spacing-2xl);
  border-radius: var(--radius-lg);
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.5vw, 1.1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
}

.d0cf407 {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: var(--shadow-md);
}

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

.d0cf407:active {
  transform: translateY(-1px);
}

.bf408 {
  padding: var(--spacing-lg) var(--spacing-3xl);
  margin-top: var(--spacing-md);
}

@media (min-width: 640px) {
  .l00fea {
    padding: var(--spacing-2xl) var(--spacing-lg);
  }

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

  .m230 {
    padding: var(--spacing-2xl);
    text-align: center;
  }

  .o9c197e {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-md);
  }

  .o9c197e li {
    text-align: center;
    padding-left: 0;
    flex: 0 1 calc(33.333% - var(--spacing-sm));
  }

  .o9c197e li:before {
    display: none;
  }

  .o9c197e li:after {
    content: "•";
    margin-left: var(--spacing-sm);
  }

  .o9c197e li:last-child:after {
    display: none;
  }
}

@media (min-width: 768px) {
  .p68fc3 {
    min-height: 100vh;
  }

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

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

  .k21 {
    max-width: 550px;
  }

  .l06c {
    max-height: 300px;
  }

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

  .m230 {
    padding: var(--spacing-3xl);
    margin: var(--spacing-2xl) 0;
  }
}

@media (min-width: 1024px) {
  .l00fea {
    padding: var(--spacing-4xl) var(--spacing-3xl);
    min-height: 100vh;
  }

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

  .k21 {
    max-width: 600px;
  }

  .l06c {
    max-height: 350px;
  }

  .cd303 {
    font-size: 2.75rem;
  }

  .j3c {
    font-size: 1.35rem;
  }

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

@media (prefers-reduced-motion: reduce) {
  .md18b6 {
    animation: none;
  }

  .f020,
  .dec2,
  .d902ef {
    animation: none;
  }

  .be54e084 {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .d0cf407:hover {
    transform: none;
  }
}

.d30592a {
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  min-height: 100vh;
}

.abb {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-3xl) 0;
  overflow: hidden;
  border-bottom: 1px solid var(--color-border-light);
}

.b02afd {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.e85f {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.02em;
}

.k82bc3e3 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.2vw, 1.15rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

.e500e88e {
  padding: var(--spacing-4xl) 0;
  overflow: hidden;
}

.pe4d {
  width: 100%;
  padding: 0 var(--spacing-md);
}

.m456 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
  align-items: flex-start;
}

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

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

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

.adbc6 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

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

.o96bdc {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  background-color: var(--color-bg-card);
  padding: var(--spacing-2xl);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  box-shadow: var(--shadow-sm);
}

.b6db0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.c482 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.b2a80d2,
.aeda0 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  width: 100%;
  padding: var(--spacing-md);
  background-color: var(--color-bg-primary);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base), background-color var(--transition-base);
}

.b2a80d2::placeholder,
.aeda0::placeholder {
  color: var(--color-text-muted);
}

.b2a80d2:focus,
.aeda0:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
  background-color: var(--color-bg-primary);
}

.aeda0 {
  min-height: 150px;
  resize: vertical;
  font-family: var(--font-primary);
}

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

.h21b3 {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.85vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
  line-height: 1.6;
}

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

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

.be9c76a {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 700;
  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);
  cursor: pointer;
  transition: background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
  margin-top: var(--spacing-md);
}

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

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

.be9c76a:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

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

.p4fac2 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

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

.j8f7 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-3xl);
}

.l61a76 {
  display: flex;
  gap: var(--spacing-lg);
  padding: var(--spacing-lg);
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}

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

.c868205 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  background-color: var(--color-primary-light);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: clamp(1.25rem, 1.5vw, 1.5rem);
}

.l641a {
  flex: 1;
}

.d2c {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw, 1.1rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
  letter-spacing: -0.01em;
}

.d5d03 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-xs) 0;
}

.n2e05b {
  font-family: var(--font-primary);
  font-size: clamp(0.8rem, 0.9vw, 0.9rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.f7aac3b {
  padding: var(--spacing-2xl);
  background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-bg-card) 100%);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border-light);
  margin-bottom: var(--spacing-2xl);
}

.f392b {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  letter-spacing: -0.01em;
}

.e21c25a7 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  margin: 0 0 var(--spacing-md) 0;
}

.d334 {
  display: inline-block;
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  font-weight: 700;
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base), transform var(--transition-base);
}

.d334:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

.b82 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 1.5vw, 1.35rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  letter-spacing: -0.01em;
}

.f47 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.f47 li {
  margin: 0;
  padding: 0;
}

.b070 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw, 1rem);
  color: var(--color-primary);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  transition: color var(--transition-base), transform var(--transition-base);
}

.b070::before {
  content: '→';
  font-weight: 700;
  font-size: 1.1em;
}

.b070:hover {
  color: var(--color-primary-hover);
  transform: translateX(4px);
}

@media (min-width: 768px) {
  .abb {
    padding: var(--spacing-4xl) 0;
  }

  .e500e88e {
    padding: var(--spacing-4xl) 0;
  }

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

  .n97 {
    flex: 1 1 45%;
  }

  .m555d9 {
    flex: 1 1 45%;
  }

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

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

  .e500e88e {
    padding: var(--spacing-4xl) 0;
  }

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

  .n97 {
    flex: 1 1 50%;
  }

  .m555d9 {
    flex: 1 1 50%;
  }
}

@media (min-width: 1440px) {
  .pe4d {
    padding: 0;
  }

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

html{scroll-padding-top:80px;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.h131e9,.h6061239{width:34px;}
.h131e9[aria-expanded="true"]{display:none;}
.i8d9.h9c8d{z-index:999;}
.i8d9{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.i8d9{max-width:100%;}}
.h90{justify-content:flex-end;}