/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/components/Header/Header.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.Header_header__AF_3G {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    background: rgba(255, 237, 207, 0.92);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    border-bottom: 2px solid var(--color-primary);
    transition: transform 0.3s ease-in-out;
}

.Header_header__AF_3G.Header_hidden__pcG11 {
    transform: translateY(-100%);
}

.Header_headerContent__VSKiG {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;
    gap: var(--spacing-xl);
}

.Header_logo__1FRrW {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    text-decoration: none;
    color: var(--text-primary);
}

.Header_logoImage__1C_tL {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    object-fit: cover;
}

.Header_logoText__Q2TRx {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.Header_logoAr__4gsIw {
    font-size: var(--font-size-xl);
    font-weight: 800;
    color: var(--color-primary);
}

.Header_logoEn__nIQKM {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-secondary);
    letter-spacing: 0.5px;
}

.Header_nav__LVYU2 {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.Header_navLink__bX76H {
    padding: var(--spacing-sm) var(--spacing-md);
    color: var(--text-secondary);
    font-weight: 600;
    border-radius: var(--border-radius);
    transition: all var(--transition-fast);
}

.Header_navLink__bX76H:hover {
    color: var(--color-primary);
    background: rgba(35, 81, 51, 0.08);
}

.Header_navLink__bX76H.Header_active__8Eipm {
    color: #fff;
    background: var(--color-primary);
}

.Header_actions__FHMH_ {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.Header_searchBtn__R6J49 {
    padding: var(--spacing-sm);
    color: var(--color-primary);
}

@media (max-width: 1024px) {
    .Header_nav__LVYU2 {
        display: none;
    }
}

@media (max-width: 640px) {
    .Header_headerContent__VSKiG {
        height: 65px;
    }

    .Header_logoText__Q2TRx {
        display: none;
    }

    .Header_logoImage__1C_tL {
        width: 45px;
        height: 45px;
    }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/components/Footer/Footer.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.Footer_footer__4vzqH {
  background: var(--color-primary);
  color: #fff;
  padding: var(--spacing-2xl) 0 var(--spacing-lg);
  margin-top: auto;
}

.Footer_footerContent__33dnM {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
}

.Footer_footerMain__AF8RC {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-gap: var(--spacing-2xl);
  gap: var(--spacing-2xl);
}

.Footer_brand__Y4wbm {
  max-width: 320px;
}

.Footer_logoGroup__ZAjM6 {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

.Footer_footerLogo__HvedU {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--color-secondary);
}

.Footer_logoAr__N9Cc0 {
  display: block;
  font-size: var(--font-size-lg);
  font-weight: 800;
  color: var(--color-secondary);
}

.Footer_logoEn___f6hH {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: rgba(255,255,255,0.8);
}

.Footer_tagline__NHwwX {
  font-size: var(--font-size-sm);
  color: rgba(255,255,255,0.7);
  margin-top: var(--spacing-md);
  line-height: 1.7;
}

.Footer_links__LGHlK {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--spacing-xl);
  gap: var(--spacing-xl);
}

.Footer_linkColumn__QglJ_ {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.Footer_columnTitle__CM6k1 {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-secondary);
  margin-bottom: var(--spacing-sm);
}

.Footer_linkColumn__QglJ_ a {
  font-size: var(--font-size-sm);
  color: rgba(255,255,255,0.8);
  transition: color var(--transition-fast);
}

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

.Footer_footerBottom__OFeMd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: var(--spacing-lg);
  border-top: 1px solid rgba(255,255,255,0.2);
  font-size: var(--font-size-sm);
  color: rgba(255,255,255,0.7);
}

.Footer_neutralDisclaimer__sBArX {
  opacity: 0.7;
}

@media (max-width: 768px) {
  .Footer_footerMain__AF8RC {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .Footer_brand__Y4wbm {
    max-width: none;
  }

  .Footer_logoGroup__ZAjM6 {
    justify-content: center;
  }

  .Footer_links__LGHlK {
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
  }

  .Footer_footerBottom__OFeMd {
    flex-direction: column;
    gap: var(--spacing-sm);
    text-align: center;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[11].oneOf[7].use[3]!./src/app/learn/page.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.page_header__YPod2 {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.page_subtitle__0ZRqt {
    font-size: var(--font-size-lg);
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
}

.page_articlesList__PeHeW {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.page_articleCard__a1r3p {
    display: flex;
    gap: var(--spacing-xl);
    padding: var(--spacing-xl);
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-lg);
    text-decoration: none;
    transition: all var(--transition-normal);
}

.page_articleCard__a1r3p:hover {
    transform: translateX(-8px);
    border-color: var(--color-primary);
    box-shadow: var(--shadow-md);
}

.page_articleContent__V399p {
    flex: 1 1;
    min-width: 0;
}

.page_articleMeta___wy5Q {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-sm);
}

.page_articleDate__6AvCR {
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

.page_articleTitle__y6i2S {
    font-size: var(--font-size-2xl);
    color: var(--text-primary);
    margin-bottom: var(--spacing-sm);
    line-height: 1.4;
}

.page_articleExcerpt__G6Pld {
    font-size: var(--font-size-base);
    color: var(--text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0;
}

.page_articleFooter__AxN3M {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    margin-top: var(--spacing-md);
    font-size: var(--font-size-sm);
    color: var(--text-muted);
}

.page_author__92KEW {
    color: var(--color-primary-light);
}

.page_articleImage__GUzwq {
    width: 250px;
    height: 160px;
    border-radius: var(--border-radius);
    overflow: hidden;
    flex-shrink: 0;
}

.page_articleImage__GUzwq img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 768px) {
    .page_articleCard__a1r3p {
        flex-direction: column-reverse;
    }

    .page_articleImage__GUzwq {
        width: 100%;
        height: 180px;
    }
}
