#home-main.ArticlesPage { background: #f9faff; color: #18233a; }
#home-main .ArticlesHero { position: relative; min-height: 27rem; overflow: hidden; padding: 6.1rem 0 5.6rem; text-align: center; background: radial-gradient(circle at 50% 0%, rgba(187, 151, 255, .17), transparent 40%), linear-gradient(112deg, #fbfaff 0%, #f4f0ff 48%, #fbfdff 100%); border-bottom: 1px solid rgba(109, 73, 183, .07); }
#home-main .ArticlesHero__content { position: relative; z-index: 1; } #home-main .ArticlesHero__eyebrow { display: inline-flex; align-items: center; gap: .65rem; padding: .55rem 1.15rem; border: 1px solid rgba(124,58,237,.16); border-radius: 99px; color: #7647c8; background: rgba(255,255,255,.65); font-size: 1.12rem; font-weight: 700; }
#home-main .ArticlesHero h1 { margin: 1.15rem 0 .7rem; color: #202645; font-family: Peyda, iransansweb, sans-serif; font-size: clamp(3rem,4.1vw,4.35rem); font-weight: 800; line-height: 1.25; } #home-main .ArticlesHero p { margin: 0; color: #6f7790; font-size: 1.4rem; }
#home-main .ArticlesHero__dots { position: absolute; width: 11rem; height: 8rem; opacity: .52; background-image: radial-gradient(#b49be8 1.3px, transparent 1.3px); background-size: 11px 11px; } #home-main .ArticlesHero__dots--right { top: 3.3rem; right: 9%; } #home-main .ArticlesHero__dots--left { bottom: 2.5rem; left: 10%; } #home-main .ArticlesHero__wave { position: absolute; bottom: -8.2rem; left: 50%; width: 62rem; height: 14rem; border: 1px solid rgba(128,87,208,.12); border-radius: 50%; transform: translateX(-50%); box-shadow: 0 -1.8rem 0 rgba(128,87,208,.035), 0 -3.6rem 0 rgba(128,87,208,.022); }
#home-main .ArticlesListing { padding: 4rem 0 3.2rem; background: linear-gradient(180deg,#fff 0,#f8faff 100%); } #home-main .ArticlesListing .container { max-width: 136rem; } #home-main .ArticlesListing__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-bottom: 2.5rem; } #home-main .ArticlesListing__sort, #home-main .ArticlesListing__search { display: flex; align-items: center; }
#home-main .ArticlesListing__sort { position: relative; gap: .8rem; color: #59657d; font-size: 1.17rem; font-weight: 600; } #home-main .ArticlesListing__sort select { min-width: 18.5rem; height: 4.3rem; padding: 0 1.25rem 0 3.2rem; border: 1px solid #e1e4ee; border-radius: 1.15rem; appearance: none; color: #35405b; background: #fff; box-shadow: 0 .6rem 1.8rem rgba(28,40,72,.045); font-family: inherit; font-size: 1.13rem; cursor: pointer; } #home-main .ArticlesListing__sort > i { position: absolute; left: 1.2rem; pointer-events: none; color: #7c3aed; font-size: .95rem; }
#home-main .ArticlesListing__category { margin-inline-start: auto; }
#home-main .ArticlesListing__search { width: min(100%, 30rem); height: 4.3rem; gap: .85rem; padding: 0 1.3rem; border: 1px solid #e0e4ef; border-radius: 1.15rem; color: #8b69d5; background: #fff; box-shadow: 0 .6rem 1.8rem rgba(28,40,72,.045); } #home-main .ArticlesListing__search:focus-within { border-color: rgba(124,58,237,.45); box-shadow: 0 .7rem 2rem rgba(90,61,170,.1); } #home-main .ArticlesListing__search input { width: 100%; border: 0; outline: 0; color: #26324b; background: transparent; font-family: inherit; font-size: 1.15rem; } #home-main .ArticlesListing__search input::placeholder { color: #9ca4b5; }
#home-main .ArticlesListing__grid { gap: 2.35rem; } #home-main .ArticlesListing .HomeArticleCard { min-height: 43.7rem; border-radius: 1.65rem; } #home-main .ArticlesListing .HomeArticleCard__Body { padding: 1.45rem 1.55rem 1.55rem; } #home-main .ArticlesListing .HomeArticleCard__Title { font-size: 1.62rem; } #home-main .ArticlesListing .HomeArticleCard__Description { font-size: 1.12rem; }
#home-main .category__Pagination:not(.site-category-pagination) { margin: 4.3rem 0 0; } #home-main .category__Pagination:not(.site-category-pagination) .Pagination { display: flex; justify-content: center; align-items: center; gap: .65rem; } #home-main .category__Pagination:not(.site-category-pagination) .Pagination__Item-Link { display: grid; width: 4rem; height: 4rem; place-items: center; border: 1px solid #e0e3ed; border-radius: 1.1rem; color: #68758c; background: #fff; box-shadow: 0 .55rem 1.6rem rgba(36,47,80,.045); font-weight: 700; } #home-main .category__Pagination:not(.site-category-pagination) .Pagination__Item-Link:hover { border-color: rgba(124,58,237,.35); color: #6d35d6; } #home-main .category__Pagination:not(.site-category-pagination) .Pagination__Item-Link--active { border-color: #7c3aed; color: #fff; background: #7c3aed; box-shadow: 0 .8rem 1.8rem rgba(124,58,237,.25); }
html[data-theme="dark"] #home-main.ArticlesPage, html[data-theme="dark"] #home-main .ArticlesListing { background: #0b1423; } html[data-theme="dark"] #home-main .ArticlesHero { background: radial-gradient(circle at 50% 0%,rgba(123,83,196,.26),transparent 43%),linear-gradient(112deg,#10192d,#15132b 52%,#0c1927); border-color: rgba(178,159,237,.12); } html[data-theme="dark"] #home-main .ArticlesHero h1 { color: #f2f5ff; } html[data-theme="dark"] #home-main .ArticlesHero p { color: #b0bbd0; } html[data-theme="dark"] #home-main .ArticlesListing__sort { color: #b8c3d8; } html[data-theme="dark"] #home-main .ArticlesListing__sort select, html[data-theme="dark"] #home-main .ArticlesListing__search, html[data-theme="dark"] #home-main .category__Pagination:not(.site-category-pagination) .Pagination__Item-Link { border-color: #28364d; color: #dce6f8; background: #121e31; } html[data-theme="dark"] #home-main .ArticlesListing__search input { color: #e8effb; }
@media (max-width: 767.98px) { #home-main .ArticlesHero { min-height: 23rem; padding: 4.5rem 0; } #home-main .ArticlesHero p { padding: 0 1rem; font-size: 1.18rem; line-height: 2; } #home-main .ArticlesHero__dots { opacity: .3; } #home-main .ArticlesListing { padding-top: 2.5rem; } #home-main .ArticlesListing__toolbar { align-items: stretch; flex-direction: column; gap: 1.2rem; } #home-main .ArticlesListing__sort { justify-content: space-between; } #home-main .ArticlesListing__sort select, #home-main .ArticlesListing__search { width: 100%; } #home-main .ArticlesListing__sort > i { left: 1.2rem; } }

#home-main .ArticlesListing__state { grid-column:1 / -1; display:flex; align-items:center; justify-content:center; gap:.7rem; min-height:16rem; padding:2rem; border:1px dashed #d8deed; border-radius:1.35rem; color:#586781; background:#fff; font-size:1.15rem; font-weight:700; } #home-main .ArticlesListing__state > i { color:#7c3aed; font-size:1.4rem; } #home-main .ArticlesListing__state--error { border-color:#fecaca; color:#b91c1c; background:#fff7f7; } #home-main .ArticlesListing__state--error > i { color:#dc2626; } html[data-theme="dark"] #home-main .ArticlesListing__state { border-color:#293c58; color:#c4d2e5; background:#121e31; } html[data-theme="dark"] #home-main .ArticlesListing__state--error { border-color:#7f1d1d; color:#fecaca; background:#2a1520; }