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

:root {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f5f3ff;
  --color-bg-tertiary: #150538;
  --color-bg-card: #ffffff;

  --color-text-primary: #2e1065;
  --color-text-secondary: #6b21a8;
  --color-text-muted: #7c55a3;
  --color-text-light: #ffffff;

  --color-primary: #7e22ce;
  --color-primary-hover: #6b21a8;
  --color-primary-light: #ede9fe;
  --color-secondary: #a855f7;
  --color-secondary-light: #f3e8ff;

  --color-success: #059669;
  --color-success-light: #d1fae5;
  --color-warning: #d97706;
  --color-warning-light: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-light: #fee2e2;

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

  --font-primary: 'DM Sans', sans-serif;
  --font-heading: 'DM Serif Display', serif;

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

  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-xl: 2rem;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgba(126, 34, 206, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(126, 34, 206, 0.1), 0 2px 4px -1px rgba(126, 34, 206, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(126, 34, 206, 0.1), 0 4px 6px -2px rgba(126, 34, 206, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(126, 34, 206, 0.15), 0 10px 10px -5px rgba(126, 34, 206, 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 {
  font-size: 17px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-primary);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  letter-spacing: 0.3px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

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

h2 {
  font-size: clamp(1.875rem, 4vw, 2.75rem);
  margin-bottom: var(--spacing-md);
  letter-spacing: -0.3px;
}

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

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

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

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

p {
  margin-bottom: var(--spacing-md);
  font-weight: 400;
  letter-spacing: 0.4px;
}

a {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base), text-shadow var(--transition-base);
  font-weight: 500;
}

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

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

button,
input,
textarea,
select {
  font-family: var(--font-primary);
  font-size: inherit;
  line-height: 1.6;
}

button {
  cursor: pointer;
  border: none;
  transition: all var(--transition-base);
}

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

.e31dcbec {
  background: var(--color-primary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

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

.f9c854 {
  background: var(--color-secondary);
  color: var(--color-text-light);
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

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

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

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea,
select {
  width: 100%;
  padding: var(--spacing-sm) var(--spacing-md);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-primary);
  color: var(--color-text-primary);
  transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

input[type='text']:focus,
input[type='email']:focus,
input[type='tel']:focus,
input[type='number']:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px var(--color-primary-light);
}

input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='tel']::placeholder,
input[type='number']::placeholder,
textarea::placeholder {
  color: var(--color-text-muted);
}

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

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

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

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

.lafc {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

.lafc a:hover {
  color: var(--color-text-light);
}

.n8e2a {
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  border-left: 4px solid;
  font-weight: 500;
}

.h543 {
  background: var(--color-success-light);
  color: var(--color-success);
  border-left-color: var(--color-success);
}

.d2d6 {
  background: var(--color-warning-light);
  color: var(--color-warning);
  border-left-color: var(--color-warning);
}

.dab139f {
  background: var(--color-danger-light);
  color: var(--color-danger);
  border-left-color: var(--color-danger);
}

.p87c3 {
  display: inline-block;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-full);
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}

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

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

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

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

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

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

.c9b4cac {
  background: var(--color-bg-tertiary);
  color: var(--color-text-light);
}

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

.c9b4cac a:hover {
  color: var(--color-text-light);
}

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

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

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

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

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

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

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

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

@media (max-width: 640px) {
  .f54e42,
  .fb7,
  .p0d8 {
    grid-template-columns: 1fr;
  }

  html {
    font-size: 17px;
  }

  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.5rem;
  }

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

  .hae43c {
    padding: var(--spacing-2xl) 0;
  }
}

.icb38d {
  display: flex;
}

.j5c7697 {
  flex-direction: column;
}

.d92176 {
  flex-direction: row;
}

.lddf312a {
  align-items: center;
}

.haf6d9b {
  align-items: flex-start;
}

.ned17 {
  align-items: flex-end;
}

.nfd {
  justify-content: center;
}

.cd240 {
  justify-content: space-between;
}

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

.l41861 {
  justify-content: flex-end;
}

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

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

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

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

.ce78 {
  text-align: center;
}

.o00596 {
  text-align: left;
}

.p49831c9 {
  text-align: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ga8ea4fe {
  opacity: 0.5;
}

.pa232 {
  opacity: 0.75;
}

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

.g09d79\:opacity-80:hover {
  opacity: 0.8;
}

.g09d79\:scale-105:hover {
  transform: scale(1.05);
}

.p07\:ring-2:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

::selection {
  background: var(--color-primary);
  color: var(--color-text-light);
}

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

::-webkit-scrollbar-track {
  background: var(--color-bg-secondary);
}

::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-hover);
}
.c754c {
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem 0;
  position: relative;
  z-index: 100;
}

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

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

.m5f1ef:hover {
  opacity: 0.8;
}

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

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

.mfacf0 {
  display: none;
  align-items: center;
  gap: clamp(0.5rem, 2vw, 2rem);
  flex: 1;
  margin-left: 2rem;
}

.e449573 {
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  font-weight: 500;
  transition: color var(--transition-fast);
  white-space: nowrap;
}

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

.k41e64 {
  display: none;
  padding: 0.75rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  transition: background var(--transition-fast), transform var(--transition-fast);
  flex-shrink: 0;
  white-space: nowrap;
}

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

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

.j58ed span {
  width: 24px;
  height: 2px;
  background: var(--color-text-primary);
  border-radius: 2px;
  transition: all var(--transition-fast);
}

.j58ed[aria-expanded="true"] span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px);
}

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

.j58ed[aria-expanded="true"] span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}

.n3cc46f {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-bg-primary);
  padding-top: 5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  transition: all var(--transition-base);
  z-index: 99;
  overflow-y: auto;
}

.n3cc46f.d605 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nfe {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4rem;
  background: var(--color-bg-primary);
  border-bottom: 1px solid var(--color-border-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 clamp(1rem, 4vw, 2rem);
  z-index: 101;
}

.j7b8 {
  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-fast);
}

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

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

.l522c {
  padding: 1rem clamp(1rem, 4vw, 2rem);
  color: var(--color-text-secondary);
  text-decoration: none;
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  font-weight: 500;
  border-bottom: 1px solid var(--color-border-light);
  transition: background var(--transition-fast), color var(--transition-fast);
}

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

.ffb {
  margin: 1.5rem clamp(1rem, 4vw, 2rem) 2rem;
  padding: 1rem 1.5rem;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: 600;
  font-size: clamp(0.9375rem, 2vw + 0.5rem, 1.125rem);
  display: block;
  text-align: center;
  transition: background var(--transition-fast), transform var(--transition-fast);
}

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

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

  .mfacf0 {
    display: flex;
  }

  .k41e64 {
    display: inline-block;
  }

  .j58ed {
    display: none;
  }

  .n3cc46f {
    display: none;
  }

  .l2cf3 {
    font-size: 1.375rem;
  }

  .e449573 {
    font-size: 0.9375rem;
  }

  .k41e64 {
    font-size: 0.9375rem;
  }
}

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

  .mfacf0 {
    gap: 2.5rem;
  }

  .l2cf3 {
    font-size: 1.5rem;
  }

  .e449573 {
    font-size: 1rem;
  }

  .k41e64 {
    font-size: 1rem;
    padding: 0.875rem 2rem;
  }
}

@media (min-width: 1440px) {
  .n4854 {
    gap: 4rem;
  }

  .mfacf0 {
    gap: 3rem;
  }
}

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

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

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

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

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

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

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

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

.pc0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
}

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

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

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

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

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

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

.n422f04 {
  width: 100%;
  height: auto;
  max-height: 500px;
  object-fit: cover;
  border-radius: 50% 50% 45% 55% / 55% 45% 55% 45%;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

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

  .f86c6f34,
  .e87 {
    flex: 1 1 100%;
  }

  .pc0 {
    flex-direction: column;
  }
}

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

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

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

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

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

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

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

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

.bc7b014 {
  width: 100%;
  height: auto;
  max-height: 450px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

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

  .e73,
  .d1c9 {
    flex: 1 1 100%;
  }
}

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

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

.kad {
  text-align: center;
  margin-bottom: 1rem;
}

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

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

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

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

.j2e8b32 {
  flex-direction: row;
}

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

.ic4 {
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-bg-secondary);
  border-radius: 12px;
  font-size: 28px;
  color: var(--color-accent);
}

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

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

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

@media (max-width: 768px) {
  .nb2aa,
  .j2e8b32,
  .a65e35 {
    flex-direction: column !important;
  }

  .ic4 {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    font-size: 24px;
  }
}

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

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

.a8967 {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

.ea7 {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  width: fit-content;
}

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

.db65 {
  text-align: center;
  margin-top: 1rem;
}

.n90adb2 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  text-decoration: none;
  padding: 0.875rem 2rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  transition: all 0.3s ease;
}

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

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

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

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

.m995 {
  text-align: center;
}

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

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

.g3b {
  flex: 1 1 280px;
  max-width: 320px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: var(--color-bg-secondary);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

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

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

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

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

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

.oc3 {
  text-align: center;
}

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

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

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

.c6ba6,
.e1293ed {
  flex: 1 1 45%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.c6ba6 {
  background: rgba(248, 113, 113, 0.1);
  border: 2px solid rgba(248, 113, 113, 0.3);
}

.e1293ed {
  background: rgba(74, 222, 128, 0.1);
  border: 2px solid rgba(74, 222, 128, 0.3);
}

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

.i21bca0,
.kce0 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ffd {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: var(--color-text-secondary);
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  line-height: 1.5;
}

.ffd i {
  flex: 0 0 20px;
  text-align: center;
  font-size: 16px;
  margin-top: 2px;
}

.c6ba6 .ffd i {
  color: #f87171;
}

.e1293ed .ffd i {
  color: #4ade80;
}

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

  .c6ba6,
  .e1293ed {
    flex: 1 1 100%;
  }
}

.a2f7582 {
  background: var(--color-bg-tertiary);
  padding: clamp(4rem, 8vw, 7rem) 0;
  overflow: hidden;
}

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

.ic4ef7c3 {
  font-size: clamp(1.75rem, 5vw, 3rem);
  color: var(--color-text-on-accent);
  font-weight: 700;
  line-height: 1.3;
}

.g00fe {
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1.125rem);
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  max-width: 600px;
}

.f82c {
  display: inline-block;
  background: var(--color-accent-light);
  color: var(--color-text-on-accent);
  padding: 1rem 2.5rem;
  border-radius: 8px;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: 0.5rem;
}

.f82c:hover {
  background: var(--color-accent);
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

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

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

.n335c {
  text-align: center;
}

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

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

.c5da {
  flex: 1 1 300px;
  max-width: 360px;
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

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

.ic8 {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.1), rgba(59, 130, 246, 0.05));
  border-left: 4px solid #3b82f6;
}

.e764d23 {
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.1), rgba(168, 85, 247, 0.05));
  border-left: 4px solid #a855f7;
}

.m4960 {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(34, 197, 94, 0.05));
  border-left: 4px solid #22c55e;
}

.pef {
  font-size: 28px;
  color: var(--color-accent);
  width: fit-content;
}

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

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

.p032f53b {
  display: inline-block;
  color: var(--color-accent);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 1rem);
  padding: 0.5rem 1rem;
  border-radius: 6px;
  transition: all 0.3s ease;
  width: fit-content;
}

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

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

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

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

.n4093f {
  text-align: center;
}

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

.me0b39 {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(2rem, 4vw, 3rem);
}

.eef3c7 {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.i30884 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-accent);
}

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

.eac {
  background: var(--color-bg-card);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.obfba8 {
  padding: clamp(1rem, 2vw, 1.5rem);
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 1rem;
  background: var(--color-bg-card);
  transition: background 0.3s ease;
}

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

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

.jb6 {
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-secondary);
  max-height: 500px;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

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

.eac.d605 .jb6 {
  max-height: 1000px;
}

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

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

.be89465e {
  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: space-between;
  gap: 1.5rem;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}

.be89465e.l58f7 {
  display: none;
}

.kda16c2d {
  color: #ffffff;
  margin: 0;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  line-height: 1.5;
  flex: 1 1 auto;
  min-width: 250px;
}

.pa98f {
  color: var(--color-accent-light);
  text-decoration: underline;
}

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

.o4cf7 {
  display: flex;
  gap: 1rem;
  flex: 0 1 auto;
}

.b2c3879,
.m5f58249 {
  padding: 0.625rem 1.5rem;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  white-space: nowrap;
}

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

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

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

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

@media (max-width: 768px) {
  .be89465e {
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
  }

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

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

  .b2c3879,
  .m5f58249 {
    flex: 1;
    min-width: 120px;
  }
}

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

  .b2c3879,
  .m5f58249 {
    width: 100%;
  }
}

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

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

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

.bee3 {
  display: block;
}

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

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

.lf30a789 {
  display: block;
}

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

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

.f773 li {
  display: block;
}

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

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

.nca008e3 {
  display: block;
}

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

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

.c0f4940 {
  display: block;
}

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

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

.ac4 li {
  display: block;
}

.ac4 a {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  text-decoration: none;
  transition: color var(--transition-base);
  display: inline-block;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.n1c40f2 {
  font-family: var(--font-primary);
  font-size: clamp(0.8125rem, 0.9vw, 0.95rem);
  color: var(--color-text-muted);
  line-height: 1.6;
  margin: 0;
  max-width: 700px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media (min-width: 768px) {
  .d9fd8e41 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: clamp(2.5rem, 5vw, 4rem);
    grid-template-rows: auto auto;
  }

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

  .bee3 {
    grid-column: span 1;
  }

  .lf30a789 {
    grid-column: span 1;
  }

  .nca008e3 {
    grid-column: span 1;
  }

  .c0f4940 {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {
  .f773,
  .ac4 {
    flex-direction: column;
    gap: clamp(0.5rem, 2vw, 0.75rem);
  }

  .f773 li,
  .ac4 li {
    width: 100%;
  }
}
    

* {
  box-sizing: border-box;
}

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

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

.e47d5e3 {
  background: linear-gradient(135deg, #e9d5ff 0%, #f5f3ff 100%);
  padding: clamp(4rem, 10vw, 8rem) 0;
  overflow: hidden;
}

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

.dfe20 {
  text-align: center;
}

.jfafc {
  font-size: clamp(2rem, 6vw + 0.5rem, 3.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 1rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.aecf {
  background: var(--color-bg-card);
  color: var(--color-text-secondary);
  padding: clamp(0.5rem, 1.5vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);
  border-radius: 20px;
  font-size: clamp(0.8125rem, 1vw, 0.95rem);
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
  cursor: pointer;
}

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

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

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

.f8091536 {
  text-align: center;
}

.d12f9812 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.i68 {
  flex: 1 1 100%;
  max-width: 100%;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(46, 16, 101, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: row;
}

.i68:hover {
  box-shadow: 0 8px 24px rgba(46, 16, 101, 0.15);
  transform: translateY(-4px);
}

.id8e8a6 {
  flex: 0 0 45%;
  min-width: 300px;
  height: auto;
  min-height: 300px;
}

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

.d1f4 {
  flex: 1 1 55%;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lfa3 {
  flex: 1 1 calc(33.333% - 2rem);
  min-width: 280px;
  max-width: 420px;
  background: var(--color-bg-card);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(46, 16, 101, 0.08);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.lfa3:hover {
  box-shadow: 0 8px 24px rgba(46, 16, 101, 0.15);
  transform: translateY(-4px);
}

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

.k065ef6 {
  font-size: clamp(1.1rem, 2.5vw, 1.4rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: clamp(1rem, 2vw, 1.5rem) 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.d1f4 .k065ef6 {
  margin-top: 0;
}

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

.d1f4 .o284ce {
  padding: 0;
}

.k6ddef {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(1rem, 2vw, 1.5rem);
  padding: 0 clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem) clamp(1rem, 2vw, 1.5rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
  color: var(--color-text-muted);
  border-top: 1px solid var(--color-border-light);
}

.d1f4 .k6ddef {
  padding: clamp(1rem, 2vw, 1.5rem) 0;
  border-top: none;
  margin-top: auto;
}

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

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

.m5d7e722 {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-text-on-accent);
  padding: clamp(0.6rem, 1.5vw, 0.8rem) clamp(1.2rem, 2vw, 1.5rem);
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.875rem, 1vw, 0.95rem);
  transition: all 0.3s ease;
  margin-top: clamp(1rem, 2vw, 1.5rem);
  padding: clamp(0.75rem, 1.5vw, 0.875rem) clamp(1.5rem, 2.5vw, 1.75rem);
}

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

.lfa3 .m5d7e722 {
  align-self: flex-start;
  margin-left: clamp(1rem, 2vw, 1.5rem);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

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

.c03f2 {
  text-align: center;
}

.h528 {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.k951a {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 260px;
  max-width: 350px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border-radius: 12px;
  border-left: 4px solid var(--color-accent);
  text-align: left;
  transition: all 0.3s ease;
}

.k951a:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(46, 16, 101, 0.1);
}

.n33150e {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
  height: clamp(1.75rem, 4vw, 2.5rem);
  display: flex;
  align-items: center;
}

.f9c30 {
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  color: var(--color-text-primary);
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

.hf8bd7 {
  text-align: center;
}

.k6a {
  font-size: clamp(1.75rem, 5vw + 0.5rem, 2.75rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0 0 0.75rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.n6e8243 {
  font-size: clamp(0.9rem, 1.5vw + 0.5rem, 1.125rem);
  color: #e9d5ff;
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

.l8545 {
  color: #10b981;
  font-size: clamp(1.5rem, 3vw, 2rem);
  flex-shrink: 0;
  margin-top: clamp(0.25rem, 0.5vw, 0.5rem);
}

.gd54ab {
  flex: 1;
}

.n07692 {
  font-size: clamp(1rem, 2vw, 1.2rem);
  color: #ffffff;
  font-weight: 700;
  margin: 0 0 0.5rem 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.aef {
  font-size: clamp(0.875rem, 1.5vw, 0.95rem);
  color: #e9d5ff;
  margin: 0;
  line-height: 1.6;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

  .id8e8a6 {
    flex: 1 1 100%;
    min-width: 100%;
    height: auto;
    min-height: 250px;
  }

  .d1f4 {
    flex: 1 1 100%;
  }

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

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

  .n859d {
    gap: clamp(1rem, 2vw, 1.5rem);
  }

  .l15f9 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

@media (min-width: 1024px) {
  .i68 {
    flex-direction: row;
  }

  .lfa3 {
    flex: 1 1 calc(33.333% - 1.67rem);
  }

  .k951a {
    flex: 1 1 calc(50% - 1.25rem);
  }
}

* {
  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);
}

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

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

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

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

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

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

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

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

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

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

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

.g124 {
  font-size: clamp(0.95rem, 1.2vw + 0.5rem, 1.25rem);
  line-height: 1.6;
  color: var(--color-text-secondary);
  max-width: 600px;
}

.ccd8 {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2.5rem);
  flex-wrap: wrap;
  align-items: center;
  margin-top: 0.5rem;
}

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

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

.bbd27 {
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}

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

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

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

.k04c77 {
  flex: 0 0 220px;
  position: sticky;
  top: 2rem;
}

.f49b {
  background: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: 8px;
  padding: clamp(1.25rem, 2vw, 1.75rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: 0 2px 8px rgba(126, 34, 206, 0.08);
}

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

.ldce27 {
  font-family: var(--font-heading);
  font-size: clamp(0.95rem, 1.1vw + 0.5rem, 1.15rem);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.3;
}

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

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

.gc3 {
  font-size: 0.8125rem;
  color: var(--color-accent);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

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

.ga98 {
  flex: 1 1 calc(100% - 220px - 3rem);
}

.j158,
.e1d6,
.n174da1,
.i58,
.mdd,
.o3c0d64f,
.f74,
.a7be73f,
.n3bd01 {
  display: flex;
  flex-direction: row;
  gap: clamp(2rem, 4vw, 3rem);
  align-items: center;
  margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.j158 {
  margin-bottom: clamp(2.5rem, 5vw, 3.5rem);
}

.d2139,
.j2951,
.fd4dc,
.be00d97,
.dde7,
.e6910e,
.gb4 {
  flex: 1 1 50%;
  max-width: 50%;
}

.a5466,
.m0ee9,
.kaef,
.m34073b,
.j7579b3,
.ad5f,
.l4b7f2 {
  flex: 1 1 50%;
  max-width: 50%;
  overflow: hidden;
  border-radius: 10px;
}

.pcd3,
.mfdd3,
.ee992,
.d6c70499,
.l65f6,
.d17daedd,
.i6e52ebf {
  width: 100%;
  height: auto;
  max-height: 350px;
  object-fit: cover;
  display: block;
}

.k41edc {
  font-family: var(--font-heading);
  font-size: clamp(1.35rem, 3.5vw + 0.5rem, 2.25rem);
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary);
  margin-bottom: clamp(0.75rem, 1.5vw, 1.25rem);
}

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

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

.c02 {
  font-family: var(--font-heading);
  font-size: clamp(1.1rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  color: var(--color-accent-light);
  margin-bottom: 0.75rem;
}

.h89 {
  font-size: clamp(0.9375rem, 1.1vw + 0.5rem, 1.0625rem);
  line-height: 1.6;
  color: #f5f3ff;
  margin: 0;
}

.a7be73f,
.n3bd01 {
  flex-direction: column;
  gap: 0;
  align-items: stretch;
  max-width: none;
}

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

.n3bd01 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border-radius: 8px;
  margin-top: clamp(2rem, 4vw, 3rem);
}

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

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

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

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

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

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

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

.nd4c {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 3vw, 2rem);
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 1.5rem);
  background: var(--color-bg-card);
  border-radius: 8px;
  border: 1px solid var(--color-border-light);
  transition: all 0.3s ease;
}

.nd4c:hover {
  box-shadow: 0 4px 12px rgba(126, 34, 206, 0.1);
  transform: translateY(-2px);
}

.lf894 {
  flex: 0 0 150px;
  width: 150px;
  height: 120px;
  border-radius: 6px;
  overflow: hidden;
}

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

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

.j2de {
  font-family: var(--font-heading);
  font-size: clamp(1.05rem, 2vw + 0.5rem, 1.35rem);
  font-weight: 700;
  line-height: 1.3;
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

  .ga98 {
    flex: 1 1 100%;
  }

  .j158,
  .e1d6,
  .n174da1,
  .i58,
  .mdd,
  .o3c0d64f,
  .f74 {
    flex-direction: column;
  }

  .d2139,
  .j2951,
  .fd4dc,
  .be00d97,
  .dde7,
  .e6910e,
  .gb4 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .a5466,
  .m0ee9,
  .kaef,
  .m34073b,
  .j7579b3,
  .ad5f,
  .l4b7f2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .nd4c {
    flex-direction: column;
  }

  .lf894 {
    flex: 1 1 100%;
    width: 100%;
    height: 180px;
  }
}

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

  .n9e {
    font-size: 0.75rem;
    gap: 0.35rem;
  }

  .ccd8 {
    gap: clamp(1rem, 2vw, 1.5rem);
    margin-top: 0.25rem;
  }

  .hc2284 {
    font-size: 0.8125rem;
  }

  .o1fb075 {
    max-height: 300px;
  }

  .mdedb9 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .k04c77 {
    flex: 1 1 100%;
  }

  .ga98 {
    flex: 1 1 100%;
  }

  .pcd3,
  .mfdd3,
  .ee992,
  .d6c70499,
  .l65f6,
  .d17daedd,
  .i6e52ebf {
    max-height: 250px;
  }

  .j158,
  .e1d6,
  .n174da1,
  .i58,
  .mdd,
  .o3c0d64f,
  .f74 {
    margin-bottom: clamp(1.75rem, 3vw, 2.5rem);
  }

  .ge97 {
    padding: clamp(2rem, 5vw, 3.5rem) 0;
  }

  .lf894 {
    height: 140px;
  }
}

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

  .ccd8 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }

  .n9e {
    font-size: 0.7rem;
    gap: 0.25rem;
    flex-wrap: wrap;
  }

  .f49b {
    padding: clamp(1rem, 2vw, 1.25rem);
  }

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

  .lf894 {
    flex: 0 0 100px;
    width: 100px;
    height: 80px;
  }

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

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

body {
  font-family: 'DM Sans', 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;
}

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

.h06b {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.d72 {
  font-size: clamp(1rem, 1vw + 0.5rem, 1.25rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
  max-width: 700px;
}

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

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

.j397f24 {
  display: flex;
  gap: clamp(2rem, 4vw, 3rem);
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1rem, 3vw, 2rem);
  flex-direction: column;
}

.paa {
  flex: 0 0 280px;
  padding-top: clamp(1rem, 2vw, 2rem);
}

.e53514 {
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  text-align: center;
  position: sticky;
  top: 2rem;
}

.hb7b05 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 auto;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

.ab9d {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

.e13 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

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

.b43373 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

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

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

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

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

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

.p0e {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
}

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

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

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

.p25 {
  font-family: 'DM Serif Display', serif;
  font-size: clamp(1.5rem, 4vw + 0.5rem, 2.75rem);
  color: var(--color-text-on-accent);
  text-align: center;
  line-height: 1.2;
}

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

.ja6 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 280px;
  background: var(--color-bg-card);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.ja6:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(126, 34, 206, 0.15);
}

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

.lcaac {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

.fd317 {
  flex: 1 1 calc(50% - 1rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-primary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ka415 {
  font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
  color: var(--color-text-primary);
  margin: 0;
}

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

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

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

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

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

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

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

.b31b {
  background: var(--color-bg-secondary);
  padding: clamp(2rem, 5vw, 3rem) 0;
  overflow: hidden;
  border-top: 2px solid var(--color-accent-light);
}

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

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

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

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

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

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

.kd684 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 250px;
  max-width: 350px;
  background: var(--color-bg-card);
  border-radius: clamp(0.5rem, 1vw, 1rem);
  overflow: hidden;
  text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  flex-direction: column;
}

.kd684:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(126, 34, 206, 0.15);
}

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

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

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

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

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

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

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

  .e53514 {
    position: static;
  }

  .cb8,
  .p287114,
  .c50,
  .j21 {
    flex-direction: column;
  }

  .kee423,
  .p47617,
  .h83c9738,
  .d11cdeb,
  .o70b902,
  .f796,
  .mc49dfc,
  .gc2 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

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

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

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

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

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

  .b49b5e,
  .ab9d,
  .e13,
  .b43373,
  .p0e,
  .p25,
  .a2f,
  .l35b4,
  .g27f5b0 {
    font-size: 1.5rem;
  }
}

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

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

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

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

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

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

  .gc87c5 {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .i5df {
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: clamp(2rem, 4vw, 3rem);
    align-items: flex-start;
  }

  .dbb364eb {
    position: sticky;
    top: 2rem;
  }

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

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

  .ka7d7 {
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.125rem);
    color: var(--color-text-primary);
    font-weight: 600;
    font-family: var(--font-heading);
    line-height: 1.4;
  }

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

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

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

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

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

  .pa4 {
    background: transparent;
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

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

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

  .c14cec17 {
    background: var(--color-bg-primary);
    padding: 0;
    overflow: hidden;
  }

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

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

  .ed401f {
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-primary);
    line-height: 1.7;
    font-style: italic;
    font-weight: 500;
  }

  .g73 {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
  }

  .h00ade {
    font-size: clamp(0.9375rem, 1vw + 0.5rem, 1rem);
    color: var(--color-text-secondary);
    line-height: 1.6;
    padding-left: 1.5rem;
    position: relative;
  }

  .h00ade:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5em;
    width: 8px;
    height: 8px;
    background: var(--color-accent);
    border-radius: 50%;
  }

  .ie2cf68b {
    background: var(--color-bg-primary);
    padding: 0;
    overflow: hidden;
  }

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

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

  .g41d2c2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: clamp(1.5rem, 3vw, 2rem);
  }

  .n06 {
    background: var(--color-bg-primary);
    padding: clamp(1.5rem, 2vw, 2rem);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    text-align: left;
  }

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

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

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

  .o69 {
    background: var(--color-bg-primary);
    padding: 0;
    overflow: hidden;
  }

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

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

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

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

  .pc6 {
    font-family: var(--font-heading);
    font-size: clamp(1rem, 1.5vw + 0.5rem, 1.25rem);
    color: var(--color-text-on-accent);
    font-weight: 600;
    line-height: 1.4;
  }

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

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

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

  .d3b {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: clamp(2rem, 4vw, 3rem);
  }

  .pd57 {
    display: flex;
    flex-direction: row;
    gap: clamp(1rem, 2vw, 1.5rem);
    align-items: flex-start;
    background: var(--color-bg-card);
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border-light);
    transition: all 0.3s ease;
  }

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

  .g27a834a {
    flex: 0 0 100px;
    min-height: 100px;
    border-radius: var(--radius-md);
    overflow: hidden;
  }

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

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

  .bf778f {
    font-family: var(--font-heading);
    font-size: clamp(0.9375rem, 1.5vw + 0.5rem, 1.125rem);
    color: var(--color-text-primary);
    line-height: 1.4;
    font-weight: 600;
  }

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

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

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

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

    .dbb364eb {
      position: relative;
      top: auto;
    }

    .c9a {
      flex-direction: column;
    }

    .dbcc,
    .hc310e {
      flex: 1 1 100%;
      max-width: 100%;
    }

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

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

    .n55 {
      gap: 1.5rem;
    }

    .i5df {
      grid-template-columns: 1fr;
      gap: 1.5rem;
    }

    .pd57 {
      flex-direction: column;
    }

    .g27a834a {
      flex: 0 0 auto;
      width: 100%;
      min-height: 180px;
    }

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

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

.k7dea {
  font-family: var(--font-primary);
  color: var(--color-text-primary);
}

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

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

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

.b52029 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: clamp(0.5rem, 1vw, 1rem);
  margin-bottom: clamp(2rem, 4vw, 3rem);
  font-size: clamp(0.8125rem, 1vw, 0.9375rem);
}

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

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

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

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

.k99601 {
  flex: 1 1 50%;
}

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

.ad1ca {
  font-size: clamp(0.9375rem, 1.5vw, 1.25rem);
  color: var(--color-text-secondary);
  margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
  line-height: 1.6;
}

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

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

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

.n2ff2a {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

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

.bc0 {
  flex: 0 0 280px;
  position: sticky;
  top: clamp(2rem, 5vw, 3rem);
}

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

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

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

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

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

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

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

.k6a1e {
  flex: 1 1 calc(100% - 300px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.kd8c {
  background: linear-gradient(135deg, rgba(126, 34, 206, 0.08) 0%, rgba(168, 85, 247, 0.08) 100%);
  padding: clamp(2rem, 3vw, 2.5rem);
  border-left: 4px solid var(--color-accent);
  border-radius: var(--radius-lg);
}

.l6285 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

.l6285 i {
  color: var(--color-accent);
  font-size: 1.2em;
}

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

.a83cb127 li {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.6;
  padding-left: 1.5rem;
  position: relative;
}

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

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

.l42a3e {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

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

.gf76509:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
  border-color: var(--color-accent);
}

.b7e0a5 {
  font-size: 2.5rem;
  color: var(--color-accent);
  text-align: center;
}

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

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

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

.j5b52 {
  border-left: 4px solid var(--color-accent-light);
  padding: clamp(1.5rem, 3vw, 2.5rem);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  text-align: center;
}

.a386d {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-light);
  line-height: 1.6;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem) 0;
  font-style: italic;
}

.odd19085 {
  font-size: clamp(0.9375rem, 1.5vw, 1rem);
  color: var(--color-text-muted);
  margin: 0;
}

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

.f51d26 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1.5rem, 3vw, 2rem);
}

.p9a {
  font-size: clamp(0.9375rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.8;
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

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

.p7d9 {
  background: rgba(126, 34, 206, 0.05);
  border: 1px solid var(--color-border);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-lg);
}

.a678fb {
  font-family: var(--font-heading);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-primary);
  margin-bottom: clamp(1rem, 2vw, 1.5rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}

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

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

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

.e0e21114 {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  text-align: center;
  margin-bottom: clamp(2rem, 4vw, 3rem);
}

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

.d59f {
  flex: 1 1 calc(33.333% - clamp(1rem, 2vw, 1.5rem));
  min-width: 280px;
}

.p4972 {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.5rem);
  text-decoration: none;
  color: inherit;
  background: var(--color-bg-card);
  padding: clamp(1rem, 2vw, 1.5rem);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
  height: 100%;
}

.p4972:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 30px rgba(126, 34, 206, 0.15);
  border-color: var(--color-accent);
}

.ja069 {
  width: 100%;
  height: 200px;
  border-radius: var(--radius-md);
  overflow: hidden;
}

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

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

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

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

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

  .bc0 {
    flex: 1 1 100%;
    position: relative;
    top: auto;
  }

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

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

  .k99601,
  .n2ff2a {
    flex: 1 1 100%;
  }

  .d950ed {
    flex-direction: column;
  }

  .kc61a,
  .b6ebb,
  .i8fd2ee,
  .l9f80429 {
    flex: 1 1 100%;
    max-width: 100%;
  }

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

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

  .b52029 {
    font-size: 0.8125rem;
    gap: 0.5rem;
  }
}

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

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

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

html, body, h1, h2, h3, h4, h5, h6, p, span, li, a, cite, blockquote {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

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

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

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

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

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

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

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

.g701e {
  width: 100%;
  max-width: 900px;
  height: auto;
  border-radius: 12px;
  display: block;
  box-shadow: var(--shadow-lg);
}

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

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

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

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

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

.h2a1 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

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

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

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

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

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

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

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

.laa1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.naf {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: #d4b5fd;
  line-height: 1.7;
}

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

.h1b {
  flex: 1 1 calc(50% - 1rem);
  min-width: 280px;
  padding: clamp(1.5rem, 3vw, 2rem);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(237, 213, 254, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.h1b:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(237, 213, 254, 0.4);
  transform: translateY(-4px);
}

.h787 {
  font-size: clamp(2rem, 3vw, 2.5rem);
  color: var(--color-accent-light);
  margin-bottom: 1rem;
}

.lf0d32 {
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 0.75rem;
}

.jbefc081 {
  font-size: clamp(0.8875rem, 1vw, 1rem);
  color: #d4b5fd;
  line-height: 1.6;
}

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

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

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

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

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

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

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

.cded4da {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5rem, 2vw, 2rem);
  padding: clamp(1.25rem, 2vw, 1.75rem);
  background: var(--color-bg-secondary);
  border-radius: 8px;
}

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

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

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

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

.kf625b {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: clamp(1.5rem, 3vw, 2.5rem) auto 0;
  border-radius: 12px;
  display: block;
  box-shadow: var(--shadow-md);
}

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

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

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

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

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

.fa919297 {
  font-size: clamp(0.9375rem, 1.5vw, 1.125rem);
  color: var(--color-text-secondary);
  line-height: 1.7;
}

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

.b0bf {
  flex: 1 1 calc(33.333% - 1.35rem);
  min-width: 240px;
  padding: clamp(1.5rem, 2vw, 2rem);
  background: var(--color-bg-primary);
  border: 2px solid var(--color-border);
  border-radius: 8px;
  text-align: center;
  transition: all 0.3s ease;
}

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

.mb94cc22 {
  font-size: clamp(2.25rem, 3vw, 2.75rem);
  color: var(--color-accent);
  margin-bottom: 1rem;
}

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

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

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

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

.i711aba {
  font-size: clamp(1.25rem, 2vw, 1.5rem);
  font-weight: 600;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.iacd2c {
  font-size: 1.5rem;
  color: var(--color-accent-light);
}

.d7f82 {
  font-size: clamp(0.8875rem, 1vw, 1rem);
  color: #d4b5fd;
  line-height: 1.7;
}

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

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

.p034 {
  padding: clamp(2rem, 3vw, 3rem);
  background: var(--color-bg-secondary);
  border-left: 5px solid var(--color-accent);
  border-radius: 6px;
  text-align: center;
}

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

.ne1c937a {
  font-size: clamp(0.9375rem, 1vw, 1rem);
  color: var(--color-text-secondary);
  font-style: normal;
}

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

  .b0bf {
    flex: 1 1 100%;
  }

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

  .caa09a6 {
    gap: 1.5rem;
  }

  .h6411cd6 {
    gap: 1.5rem;
  }
}

@media (max-width: 480px) {
  .nbae {
    padding: 2rem 0;
  }

  .n096,
  .bd5b2,
  .fd8,
  .l8f {
    padding: 2rem 0;
  }

  .d471 {
    width: 45px;
    height: 45px;
    font-size: 1.25rem;
  }
}

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

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

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

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

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

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

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

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

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

.hda30 {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

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

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

  .iee4 {
    flex: 1 1 100%;
  }

  .hda30 {
    flex: 1 1 100%;
    max-height: 350px;
  }
}

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

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

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

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

.nf0b0d5:first-of-type {
  margin-top: clamp(0.5rem, 2vw, 1rem);
}

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

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

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

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

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

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

.j90df {
  font-family: var(--font-heading);
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  color: var(--color-accent);
  font-weight: bold;
  margin: 0;
  line-height: 1;
}

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

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

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

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

  .f78785 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

.ef1 {
  font-size: clamp(1.25rem, 2.5vw + 0.5rem, 1.625rem);
  color: var(--color-text-primary);
  margin: 0;
  line-height: 1.4;
}

.o667d3 {
  font-size: clamp(0.875rem, 1.5vw + 0.4rem, 1.0625rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

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

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

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

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

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

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

.d03b5134 {
  flex: 1 1 calc(50% - 1.25rem);
  min-width: 250px;
  background: var(--color-bg-secondary);
  padding: clamp(1.5rem, 3vw, 2rem);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1.25rem);
  text-align: center;
  border: 1px solid var(--color-border-light);
  transition: all var(--transition-base);
}

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

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

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

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

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

  .d1c {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

.l0324 {
  flex: 1 1 calc(33.333% - 1.5rem);
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  padding: clamp(1rem, 2vw, 1.5rem);
  text-align: center;
}

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

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

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

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

  .i5a7 {
    gap: clamp(1rem, 2vw, 1.5rem);
  }
}

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

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

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

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

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

.g08b0,
.j86 {
  padding: clamp(0.75rem, 1.5vw, 1rem) clamp(1.5rem, 3vw, 2.25rem);
  font-size: clamp(0.875rem, 1vw + 0.5rem, 1rem);
  border-radius: var(--radius-md);
  text-decoration: none;
  display: inline-block;
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
  font-weight: 600;
  line-height: 1.5;
}

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

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

.j86 {
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  border: 2px solid var(--color-accent);
}

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

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

  .g08b0,
  .j86 {
    width: 100%;
    text-align: center;
  }
}

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

.lbaa11c {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

.o990a6 {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.ja944c {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.c3a57975 {
  font-size: clamp(0.95rem, 2vw, 1.2rem);
  color: var(--color-text-secondary);
  margin: 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .lbaa11c {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .lbaa11c {
    padding: 5rem var(--spacing-lg);
  }
}

.gc464 {
  padding: var(--spacing-2xl) var(--spacing-lg);
  background-color: var(--color-bg-primary);
  overflow: hidden;
}

.i72fea6 {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-xl);
}

@media (min-width: 768px) {
  .gc464 {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }

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

@media (min-width: 1024px) {
  .gc464 {
    padding: 4rem var(--spacing-lg);
  }

  .i72fea6 {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-2xl);
  }
}

.jede3ae6 {
  background-color: var(--color-bg-card);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: transform var(--transition-base), box-shadow var(--transition-base);
  display: flex;
  flex-direction: column;
}

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

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

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

.afaa4 {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.b495756 {
  display: inline-block;
  background-color: var(--color-primary-light);
  color: var(--color-primary);
  font-size: clamp(0.75rem, 1vw, 0.875rem);
  font-weight: 600;
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  margin-bottom: var(--spacing-md);
  width: fit-content;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.f34fd1 {
  font-family: var(--font-heading);
  font-size: clamp(1.2rem, 3vw, 1.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.3;
}

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

@media (min-width: 768px) {
  .a5a {
    height: 280px;
  }
}

.fbc {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-2xl) var(--spacing-lg);
  overflow: hidden;
}

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

.ke688d {
  font-family: var(--font-heading);
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.o6db2 {
  font-size: clamp(0.9rem, 2vw, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.m59b14 {
  display: inline-block;
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  font-size: clamp(0.95rem, 1.5vw, 1.05rem);
  font-weight: 600;
  padding: var(--spacing-md) var(--spacing-xl);
  border-radius: var(--radius-md);
  text-decoration: none;
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  font-family: var(--font-primary);
}

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

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

@media (min-width: 768px) {
  .fbc {
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
}

@media (min-width: 1024px) {
  .fbc {
    padding: 4rem var(--spacing-lg);
  }
}

.l968c1 {
  width: 100%;
}

.ife4 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.p0f6e {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  text-align: center;
}

.o91f417d {
  font-family: var(--font-heading);
  font-size: clamp(2rem, 5vw, 3.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.c931 {
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.25rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xl) 0;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

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

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

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

  .lc5d {
    max-height: 400px;
  }
}

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

.j83 {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.e1df {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.ibcd20b0 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.gfad2 {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--transition-base), border-color var(--transition-base);
}

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

.k2b4c12 {
  width: 100%;
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--color-bg-card);
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  font-family: var(--font-primary);
  font-size: clamp(1rem, 2vw, 1.125rem);
  color: var(--color-text-primary);
  font-weight: 600;
  transition: background-color var(--transition-base), color var(--transition-base);
  text-align: left;
  line-height: 1.4;
}

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

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

.me83362 {
  flex: 1;
}

.i2d6ab9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 1.5rem;
  color: var(--color-primary);
  flex-shrink: 0;
  transition: transform var(--transition-base);
  font-weight: 300;
}

.gfad2.d605 .i2d6ab9 {
  transform: rotate(45deg);
}

.b8712 {
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transition-base);
  background-color: var(--color-bg-card);
}

.gfad2.d605 .b8712 {
  max-height: 500px;
}

.b8712 p {
  margin: 0;
  padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1.5vw, 1.0625rem);
  color: var(--color-text-primary);
  line-height: 1.7;
}

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

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

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

  .b8712 p {
    padding: 0 var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl);
    font-size: 1.0625rem;
  }
}

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

.bd5 {
  background-color: var(--color-bg-primary);
  padding: var(--spacing-lg) 0;
  overflow: hidden;
}

.g3e45 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-lg);
  align-items: center;
}

.ncca1 {
  text-align: center;
}

.f82c0b {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 700;
  line-height: 1.2;
}

.e0872 {
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 2vw, 1.125rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-lg) 0;
  line-height: 1.6;
}

.c6932 {
  display: inline-block;
  padding: var(--spacing-sm) 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);
  transition: background-color var(--transition-base), transform var(--transition-fast);
  border: none;
  cursor: pointer;
  line-height: 1.4;
}

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

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

.c6932:focus {
  outline: 2px solid var(--color-primary-dark);
  outline-offset: 2px;
}

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

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

  .g3e45 {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-2xl);
  }

  .ncca1 {
    text-align: left;
  }

  .pd2ab {
    max-height: 350px;
  }
}

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

  .pd2ab {
    max-height: 400px;
  }
}

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

.pebaa8df main {
  width: 100%;
}

.pebaa8df .h11 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

.pebaa8df .oc3a4a {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-lg) 0;
}

.pebaa8df h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--spacing-md);
  line-height: 1.2;
}

.pebaa8df h2 {
  font-family: var(--font-heading);
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  color: var(--color-text-primary);
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-md);
  line-height: 1.3;
}

.pebaa8df 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);
}

.pebaa8df .af3d18 {
  font-size: clamp(0.85rem, 0.9vw + 0.5rem, 1rem);
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-xl);
  font-style: italic;
}

.pebaa8df ul,
.pebaa8df ol {
  margin: var(--spacing-md) 0 var(--spacing-md) var(--spacing-lg);
  color: var(--color-text-primary);
}

.pebaa8df li {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-primary);
  line-height: 1.7;
  margin-bottom: var(--spacing-sm);
}

.pebaa8df strong {
  color: var(--color-text-primary);
  font-weight: 600;
}

.pebaa8df .k161b {
  background-color: var(--color-bg-secondary);
  padding: var(--spacing-xl);
  border-radius: var(--radius-md);
  margin-top: var(--spacing-3xl);
  border: 1px solid var(--color-border-light);
}

.pebaa8df .k161b h2 {
  margin-top: 0;
  color: var(--color-text-primary);
}

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

.pebaa8df .mee7eb {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.pebaa8df .mee7eb p {
  margin-bottom: 0;
}

.pebaa8df .ea4b3cf {
  font-weight: 600;
  color: var(--color-text-primary);
  display: inline-block;
  min-width: 80px;
}

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

  .pebaa8df .oc3a4a {
    padding: var(--spacing-2xl) 0;
  }
}

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

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

.gc925a {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

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

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

.h78f61 {
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl) var(--spacing-md);
}

.me8fa76 {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-success);
  flex-shrink: 0;
  animation: scaleIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.me8fa76 svg {
  width: 100%;
  height: 100%;
  display: block;
}

h1 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.02em;
}

.d3c {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  color: var(--color-primary);
  font-weight: 600;
  margin: 0;
  line-height: 1.4;
}

.m447 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  margin: 0;
}

.kc01 {
  display: inline-block;
  padding: 0.875rem 2rem;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1rem);
  font-weight: 600;
  text-decoration: none;
  transition: all var(--transition-base);
  border: 2px solid transparent;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
}

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

.e31dcbec:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

.e31dcbec:active {
  transform: translateY(0);
  box-shadow: var(--shadow-sm);
}

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (min-width: 768px) {
  .h78f61 {
    gap: var(--spacing-2xl);
    padding: var(--spacing-3xl) var(--spacing-lg);
  }
  
  .me8fa76 {
    width: 140px;
    height: 140px;
  }
  
  h1 {
    font-size: clamp(2rem, 4vw, 2.75rem);
  }
  
  .kc01 {
    padding: 1rem 2.5rem;
    font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  }
}

@media (min-width: 1024px) {
  .h78f61 {
    gap: var(--spacing-3xl);
    padding: var(--spacing-3xl) var(--spacing-xl);
  }
  
  .me8fa76 {
    width: 160px;
    height: 160px;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  .d3c {
    font-size: 1.5rem;
  }
  
  .m447 {
    font-size: 1.1rem;
  }
}

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

.e6952 {
  background-color: var(--color-bg-primary);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-md);
}

.lb256 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.oc3a4a {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.n3fd2 {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  align-items: center;
}

.ib199e1c {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: var(--spacing-lg);
}

.h7c4538 {
  position: relative;
  width: clamp(150px, 40vw, 280px);
  height: clamp(150px, 40vw, 280px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.m9acf {
  font-family: var(--font-heading);
  font-size: clamp(4rem, 15vw, 8rem);
  font-weight: 700;
  color: var(--color-primary);
  line-height: 1;
  position: relative;
  z-index: 2;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.h84 {
  position: absolute;
  top: 0;
  right: -20px;
  width: clamp(80px, 25vw, 140px);
  height: clamp(80px, 25vw, 140px);
  color: var(--color-primary-light);
  opacity: 0.6;
  animation: float 3s ease-in-out infinite;
  z-index: 1;
}

@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}

.c451c2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.nbed9a6 {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  color: var(--color-text-primary);
  line-height: 1.2;
  font-weight: 600;
}

.hd1409 {
  font-family: var(--font-primary);
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: var(--color-primary);
  font-weight: 600;
  letter-spacing: 0.5px;
}

.j8a4803 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.1rem);
  color: var(--color-text-secondary);
  line-height: 1.8;
  max-width: 600px;
  margin: 0 auto;
}

.o54accd {
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-lg);
  padding: var(--spacing-lg);
  margin: var(--spacing-md) 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.o035 {
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-primary);
  font-weight: 600;
}

.c24 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.c24 li {
  font-family: var(--font-primary);
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  padding-left: var(--spacing-md);
  position: relative;
  line-height: 1.6;
}

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

.kc01 {
  display: inline-block;
  padding: clamp(0.75rem, 1vw, 1rem) clamp(1.5rem, 3vw, 2.5rem);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  font-weight: 600;
  text-decoration: none;
  border-radius: var(--radius-md);
  transition: all var(--transition-base);
  border: none;
  cursor: pointer;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.e31dcbec {
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.e31dcbec:hover {
  background-color: var(--color-primary-hover);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

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

@media (min-width: 640px) {
  .e6952 {
    padding: var(--spacing-lg);
  }

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

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

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

@media (min-width: 1024px) {
  .n3fd2 {
    gap: var(--spacing-2xl);
  }

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

  .h7c4538 {
    width: 300px;
    height: 300px;
  }

  .h84 {
    width: 160px;
    height: 160px;
  }

  .o54accd {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }

  .c24 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    justify-content: center;
  }

  .c24 li {
    flex: 0 1 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .h84 {
    animation: none;
  }

  .e31dcbec:hover {
    transform: none;
  }
}

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

.la9 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .la9 {
    padding: 5rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .la9 {
    padding: 6rem var(--spacing-md);
  }
}

.gd206d02 {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.jb38a {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-md) 0;
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

.a0d {
  background-color: var(--color-bg-primary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .a0d {
    padding: 4rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .a0d {
    padding: 5rem var(--spacing-md);
  }
}

.abb041 {
  width: 100%;
}

.f673 {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-3xl);
}

@media (max-width: 767px) {
  .f673 {
    gap: var(--spacing-2xl);
  }
}

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

@media (min-width: 768px) {
  .b21785 {
    flex: 1 1 45%;
    max-width: 500px;
  }
}

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

.hd762f2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.j6a7 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.f11635 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.e15 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.m5c729a {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  font-weight: 600;
  color: var(--color-text-primary);
  display: block;
}

.c7a85,
.nec9a {
  width: 100%;
  padding: 0.875rem 1rem;
  background-color: var(--color-bg-card);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.5;
  transition: all var(--transition-base);
}

.c7a85::placeholder,
.nec9a::placeholder {
  color: var(--color-text-muted);
}

.c7a85:focus,
.nec9a:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: var(--color-bg-primary);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

.nec9a {
  min-height: 140px;
  resize: vertical;
  max-height: 400px;
}

.o19037 {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.j43ed {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

.i37483 {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-secondary);
  line-height: 1.5;
  cursor: pointer;
}

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

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

.j4b309e {
  width: 100%;
  padding: 1rem var(--spacing-lg);
  background-color: var(--color-accent);
  color: var(--color-text-on-accent);
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition-base);
  margin-top: var(--spacing-sm);
  letter-spacing: 0.3px;
}

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

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

.j4b309e:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1);
}

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

@media (min-width: 768px) {
  .n43da3 {
    flex: 1 1 45%;
  }
}

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

.p0cd904 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
  letter-spacing: -0.3px;
}

.b27af {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0;
}

.p365 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin-bottom: var(--spacing-2xl);
}

.e3e638 {
  display: flex;
  gap: var(--spacing-lg);
}

.l5247 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: var(--color-bg-card);
  border-radius: var(--radius-md);
  color: var(--color-primary);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.ic6 {
  flex: 1;
}

.oc080c7b {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.1rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.lc700 {
  font-size: clamp(0.9rem, 1vw + 0.5rem, 1.05rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-xs) 0;
  line-height: 1.6;
}

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

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

.m7a3 {
  font-size: clamp(0.8rem, 0.9vw + 0.4rem, 0.95rem);
  color: var(--color-text-muted);
  margin: var(--spacing-sm) 0 0 0;
  font-style: italic;
}

.e0b408 {
  background-color: var(--color-bg-card);
  padding: var(--spacing-lg);
  border-radius: var(--radius-lg);
  border-left: 4px solid var(--color-primary);
}

.lba {
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.2rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

.e9065 {
  font-size: clamp(0.85rem, 1vw + 0.4rem, 1rem);
  color: var(--color-text-secondary);
  margin: 0 0 var(--spacing-md) 0;
}

.d15 {
  display: inline-block;
  padding: 0.75rem var(--spacing-lg);
  background-color: var(--color-primary);
  color: var(--color-text-on-accent);
  border-radius: var(--radius-md);
  text-decoration: none;
  font-weight: 600;
  font-size: clamp(0.85rem, 0.9vw + 0.4rem, 1rem);
  transition: all var(--transition-base);
}

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

.h26a3 {
  background-color: var(--color-bg-secondary);
  padding: 3rem var(--spacing-md);
  overflow: hidden;
}

@media (min-width: 768px) {
  .h26a3 {
    padding: 4rem var(--spacing-md);
  }
}

@media (min-width: 1024px) {
  .h26a3 {
    padding: 5rem var(--spacing-md);
  }
}

.l29fee {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}

.ic43 {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-2xl) 0;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.5px;
}

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

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

.le4b4e:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}

.d5713bc2 {
  font-size: clamp(1rem, 1.1vw + 0.5rem, 1.25rem);
  font-family: var(--font-heading);
  color: var(--color-text-primary);
  margin: 0 0 var(--spacing-sm) 0;
  font-weight: 600;
}

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

.d94 {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-base);
  font-weight: 500;
}

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

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

html{scroll-padding-top:80px;}
img{max-width:100%;height:auto;}
#cookieBanner{max-width:100%;box-sizing:border-box;padding-bottom:max(1rem,env(safe-area-inset-bottom));}
.j58ed,.j7b8{width:34px;}
.j58ed[aria-expanded="true"]{display:none;}
.n3cc46f.d605{z-index:999;}
.n3cc46f{padding-top:max(env(safe-area-inset-top),0px);}
@media (max-width:480px){.n3cc46f{max-width:100%;}}
.mfacf0{justify-content:flex-end;}