/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[7].use[3]!./src/app/[lang]/about/page.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.page_hero__9idqx {
  background: linear-gradient(135deg, #3d1a5e, #1a0a2e);
  padding: 6.5rem 1.5rem 4.5rem;
  text-align: center;
  color: #fff;
}

.page_hero__9idqx h1 {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 5vw, 4rem);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #ffffff;
  margin-bottom: 0.85rem;
}

.page_hero__9idqx p { color: rgba(255,255,255,0.85); font-size: 1.15rem; font-style: italic; }

.page_body__EkF7R {
  max-width: 820px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.page_body__EkF7R p { color: var(--text-page); line-height: 1.85; font-size: 1.06rem; }

.page_valueCard__fxBRp {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-top: 3px solid var(--col-primary);
  border-radius: 6px;
  padding: 1.9rem 1.6rem;
}

.page_valueCard__fxBRp h3 {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--col-primary);
  margin-bottom: 0.55rem;
}

.page_valueCard__fxBRp p { color: var(--text-muted); font-size: 0.94rem; line-height: 1.65; }

@media (max-width: 600px) {
  .page_hero__9idqx { padding: 5.5rem 1.5rem 3rem; }
}