/* [project]/apps/web/src/components/simple-banner/simple-banner.module.css [app-client] (css) */
.simple-banner-module__heO8_a__container {
  perspective: 1000px;
  width: 100%;
  margin-bottom: 2rem;
}

.simple-banner-module__heO8_a__banner {
  -webkit-backdrop-filter: blur(16px);
  isolation: isolate;
  background: linear-gradient(135deg, #14b8a6d9, #6366f1e6), #0f172acc;
  border: 1px solid #818cf840;
  border-radius: 1rem;
  width: 100%;
  min-height: 132px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(0, 0, .2, 1);
  animation: .8s cubic-bezier(.2, .8, .2, 1) simple-banner-module__heO8_a__bannerIn;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  box-shadow: 0 22px 55px #4f46e540, 0 8px 20px #14b8a626, inset 0 1px #ffffff40;
}

.simple-banner-module__heO8_a__banner:hover {
  border-color: #818cf88c;
  transform: translateY(-4px)scale(1.01);
  box-shadow: 0 35px 70px #4f46e559, 0 15px 30px #14b8a640, inset 0 1px #fff6;
}

.simple-banner-module__heO8_a__gridLayer, .simple-banner-module__heO8_a__gradientOverlay, .simple-banner-module__heO8_a__sheenLayer, .simple-banner-module__heO8_a__particlesLayer {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.simple-banner-module__heO8_a__gridLayer {
  z-index: 1;
  opacity: .18;
  background-image: linear-gradient(#ffffff26 1px, #0000 1px), linear-gradient(90deg, #ffffff26 1px, #0000 1px);
  background-size: 40px 40px;
  transition: opacity .5s;
  -webkit-mask-image: radial-gradient(circle, #000 40%, #0000 80%);
  mask-image: radial-gradient(circle, #000 40%, #0000 80%);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__gridLayer {
  opacity: .35;
}

.simple-banner-module__heO8_a__gradientOverlay {
  z-index: 2;
  background: radial-gradient(circle at 10% 20%, #14b8a666, #0000 30rem), radial-gradient(circle at 90% 80%, #6366f166, #0000 30rem);
  transition: background .6s;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__gradientOverlay {
  background: radial-gradient(circle at 20% 30%, #14b8a68c, #0000 35rem), radial-gradient(circle at 80% 70%, #6366f18c, #0000 35rem);
}

.simple-banner-module__heO8_a__particlesLayer {
  z-index: 2;
  overflow: hidden;
}

.simple-banner-module__heO8_a__particle {
  filter: blur(10px);
  opacity: .7;
  background: #fff6;
  border-radius: 50%;
  transition: opacity .5s;
  animation: 12s linear infinite simple-banner-module__heO8_a__float;
  position: absolute;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__particle {
  opacity: 1;
}

.simple-banner-module__heO8_a__particle:first-child {
  width: 120px;
  height: 120px;
  animation-duration: 15s;
  top: -20%;
  left: 10%;
}

.simple-banner-module__heO8_a__particle:nth-child(2) {
  background: #14b8a64d;
  width: 180px;
  height: 180px;
  animation-duration: 20s;
  animation-direction: reverse;
  bottom: -30%;
  right: 5%;
}

.simple-banner-module__heO8_a__particle:nth-child(3) {
  background: #6366f159;
  width: 90px;
  height: 90px;
  animation-duration: 18s;
  top: 40%;
  left: 60%;
}

.simple-banner-module__heO8_a__sheenLayer {
  z-index: 3;
  opacity: .8;
  background: linear-gradient(105deg, #0000 0% 38%, #fff6 48%, #0000 58% 100%);
  transition: transform .8s cubic-bezier(.4, 0, .2, 1);
  transform: translateX(-100%);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__sheenLayer {
  transform: translateX(100%);
}

.simple-banner-module__heO8_a__content {
  z-index: 10;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1.5rem;
  max-width: 1400px;
  min-height: 132px;
  margin: 0 auto;
  padding: 1.25rem 1.5rem;
  display: grid;
  position: relative;
}

.simple-banner-module__heO8_a__brandMark {
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  text-shadow: 0 4px 15px #0006;
  background: #ffffff26;
  border: 1px solid #fff6;
  border-radius: 1.25rem;
  place-items: center;
  width: 5rem;
  height: 5rem;
  font-size: 2.5rem;
  font-weight: 950;
  line-height: 1;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  display: grid;
  box-shadow: 0 18px 38px #00000040, inset 0 1px #ffffff80;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__brandMark {
  background: #ffffff40;
  border-color: #fffc;
  transform: rotate(-10deg)scale(1.1);
  box-shadow: 0 25px 45px #00000059, inset 0 2px #fff9, 0 0 25px #ffffff4d;
}

.simple-banner-module__heO8_a__copy {
  gap: .5rem;
  min-width: 0;
  display: grid;
}

.simple-banner-module__heO8_a__title {
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .simple-banner-module__heO8_a__title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 1024px) {
  .simple-banner-module__heO8_a__title {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
}

.simple-banner-module__heO8_a__title {
  letter-spacing: -.02em;
  text-wrap: balance;
  background: linear-gradient(to right, #fff, #e0e7ff, #fff) 0 0 / 200%;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 4px 25px #00000026;
  -webkit-background-clip: text;
  margin: 0;
  line-height: 1.1;
  transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__title {
  background-position: 100%;
  transform: translateX(8px);
}

.simple-banner-module__heO8_a__subtitle {
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .simple-banner-module__heO8_a__subtitle {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .simple-banner-module__heO8_a__subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.simple-banner-module__heO8_a__subtitle {
  color: #ffffffd9;
  text-wrap: balance;
  max-width: 68rem;
  margin: 0;
  line-height: 1.6;
  transition: transform .4s cubic-bezier(.175, .885, .32, 1.275) 50ms, color .3s 50ms;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__subtitle {
  color: #fff;
  transform: translateX(8px);
}

.simple-banner-module__heO8_a__divider {
  background: linear-gradient(#0000, #ffffff4d, #0000);
  border-radius: 999px;
  width: 2px;
  height: 5rem;
  transition: opacity .4s, transform .4s cubic-bezier(.175, .885, .32, 1.275);
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__divider {
  opacity: .9;
  background: linear-gradient(#0000, #ffffffe6, #0000);
  transform: scaleY(1.15);
}

.simple-banner-module__heO8_a__signalStack {
  gap: .5rem;
  width: 5.5rem;
  transition: transform .4s cubic-bezier(.175, .885, .32, 1.275);
  display: grid;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack {
  transform: translateX(-5px);
}

.simple-banner-module__heO8_a__signalStack span {
  background: #fff6;
  border-radius: 999px;
  height: .45rem;
  transition: all .4s;
  display: block;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 10px #0000001a;
}

.simple-banner-module__heO8_a__signalStack span:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffe6, #0000);
  width: 100%;
  height: 100%;
  transition: left .6s;
  position: absolute;
  top: 0;
  left: -100%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:after {
  left: 100%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span {
  background: #ffffffe6;
  box-shadow: 0 0 15px #ffffff80;
}

.simple-banner-module__heO8_a__signalStack span:first-child {
  width: 100%;
  transition-delay: .1s;
}

.simple-banner-module__heO8_a__signalStack span:nth-child(2) {
  width: 75%;
  transition-delay: .15s;
}

.simple-banner-module__heO8_a__signalStack span:nth-child(3) {
  width: 50%;
  transition-delay: .2s;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:first-child {
  width: 100%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:nth-child(2) {
  width: 90%;
}

.simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__signalStack span:nth-child(3) {
  width: 75%;
}

.dark .simple-banner-module__heO8_a__banner {
  background: linear-gradient(135deg, #0f766ebf, #4338cacc), #0f172ad9;
  border-color: #6366f159;
  box-shadow: 0 22px 55px #00000073, inset 0 1px #ffffff26;
}

.dark .simple-banner-module__heO8_a__banner:hover {
  border-color: #818cf8b3;
  box-shadow: 0 35px 70px #000000a6, 0 0 35px #6366f159, inset 0 1px #ffffff40;
}

@keyframes simple-banner-module__heO8_a__bannerIn {
  from {
    opacity: 0;
    transform: translateY(20px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes simple-banner-module__heO8_a__float {
  0% {
    transform: translateY(0)rotate(0);
  }

  50% {
    transform: translateY(-25px)rotate(180deg);
  }

  100% {
    transform: translateY(0)rotate(360deg);
  }
}

@media (max-width: 900px) {
  .simple-banner-module__heO8_a__content {
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1.2rem;
  }

  .simple-banner-module__heO8_a__divider, .simple-banner-module__heO8_a__signalStack {
    display: none;
  }
}

@media (max-width: 640px) {
  .simple-banner-module__heO8_a__banner {
    border-radius: .75rem;
    min-height: 118px;
  }

  .simple-banner-module__heO8_a__content {
    min-height: 118px;
    padding: 1.25rem;
  }

  .simple-banner-module__heO8_a__brandMark {
    border-radius: 1rem;
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }

  .simple-banner-module__heO8_a__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .simple-banner-module__heO8_a__subtitle {
    font-size: .75rem;
    line-height: 1rem;
  }
}

@media (max-width: 420px) {
  .simple-banner-module__heO8_a__content {
    text-align: center;
    grid-template-columns: 1fr;
  }

  .simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__title, .simple-banner-module__heO8_a__banner:hover .simple-banner-module__heO8_a__subtitle {
    transform: translateY(-2px);
  }

  .simple-banner-module__heO8_a__brandMark {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .simple-banner-module__heO8_a__banner, .simple-banner-module__heO8_a__sheenLayer, .simple-banner-module__heO8_a__particle, .simple-banner-module__heO8_a__banner:hover, .simple-banner-module__heO8_a__brandMark, .simple-banner-module__heO8_a__title, .simple-banner-module__heO8_a__subtitle, .simple-banner-module__heO8_a__signalStack {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}

/* [project]/apps/web/src/app/home/components/categories.module.css [app-client] (css) */
.categories-module__MO-TzG__categoriesContainer {
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  display: flex;
}

.categories-module__MO-TzG__headCategoryHeader {
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  color: #0f172a;
  background: #fff6;
  border: 1px solid #fff9;
  border-radius: 999px;
  align-items: center;
  gap: .75rem;
  margin: 1.5rem 0 .75rem;
  padding: .5rem 1.25rem;
  font-size: 1rem;
  font-weight: 800;
  transition: all .3s;
  display: inline-flex;
  box-shadow: 0 4px 15px #00000008;
}

.categories-module__MO-TzG__headCategoryHeader:hover {
  background: #fff9;
  transform: translateY(-1px);
  box-shadow: 0 8px 25px #0000000d;
}

.categories-module__MO-TzG__categoryCard {
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background: #ffffff73;
  border: 1px solid #fff9;
  border-radius: 1.25rem;
  margin-bottom: 1rem;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 40px -10px #0f172a14, inset 0 0 0 1px #ffffff80;
}

.categories-module__MO-TzG__categoryCard:hover {
  background: #ffffff8c;
  border-color: #6366f14d;
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -10px #6366f126, inset 0 0 0 1px #fff9;
}

.categories-module__MO-TzG__categoryHeader {
  z-index: 1;
  border-bottom: 1px solid #94a3b826;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  transition: background .3s;
  display: flex;
  position: relative;
}

.categories-module__MO-TzG__categoryHeader.categories-module__MO-TzG__expanded {
  background: #fff3;
}

.categories-module__MO-TzG__categoryInfo {
  min-width: 0;
  color: inherit;
  align-items: center;
  gap: 1.25rem;
  text-decoration: none;
  display: flex;
}

.categories-module__MO-TzG__categoryIcon {
  color: #fff;
  background: linear-gradient(135deg, #14b8a6e6, #6366f1e6);
  border: 1px solid #fff6;
  border-radius: 1rem;
  flex: none;
  place-items: center;
  width: 4rem;
  height: 4rem;
  transition: all .4s cubic-bezier(.175, .885, .32, 1.275);
  display: grid;
  box-shadow: 0 10px 25px -5px #6366f166;
}

.categories-module__MO-TzG__categoryInfo:hover .categories-module__MO-TzG__categoryIcon {
  transform: scale(1.05)rotate(-5deg);
  box-shadow: 0 15px 35px -5px #14b8a680;
}

.categories-module__MO-TzG__categoryText {
  min-width: 0;
}

.categories-module__MO-TzG__categoryName {
  color: #0f172a;
  letter-spacing: -.01em;
  margin: 0;
  font-size: clamp(1.1rem, 1.5vw, 1.5rem);
  font-weight: 800;
  line-height: 1.2;
}

.categories-module__MO-TzG__categoryDescription {
  color: #475569;
  margin: .35rem 0 0;
  font-size: .95rem;
  line-height: 1.5;
}

.categories-module__MO-TzG__expandButton {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #334155;
  cursor: pointer;
  background: #ffffff80;
  border: 1px solid #94a3b84d;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 2.5rem;
  height: 2.5rem;
  transition: all .3s;
  display: grid;
}

.categories-module__MO-TzG__expandButton:hover {
  background: #0f172a0d;
  border-color: #0f172a33;
  transform: scale(1.05);
}

.categories-module__MO-TzG__expandIcon {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform .4s cubic-bezier(.4, 0, .2, 1);
}

.categories-module__MO-TzG__expandIcon.categories-module__MO-TzG__rotated {
  transform: rotate(180deg);
}

.categories-module__MO-TzG__forumsContainer {
  z-index: 1;
  flex-direction: column;
  gap: .75rem;
  padding: 1rem 1.25rem;
  display: flex;
  position: relative;
}

.categories-module__MO-TzG__forumCard {
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: inherit;
  background: #ffffff80;
  border: 1px solid #fff9;
  border-radius: 1rem;
  grid-template-columns: minmax(0, 1.2fr) auto minmax(280px, 320px);
  align-items: center;
  gap: 1.5rem;
  padding: 1rem 1.25rem;
  text-decoration: none;
  transition: all .3s;
  display: grid;
  position: relative;
  box-shadow: 0 4px 15px -3px #0000000d;
}

.categories-module__MO-TzG__forumCard:hover {
  background: #fffc;
  border-color: #6366f14d;
  transform: translateY(-2px);
  box-shadow: 0 12px 25px -5px #6366f126;
}

.categories-module__MO-TzG__forumMain {
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  display: flex;
}

.categories-module__MO-TzG__forumIcon {
  background: #f1f5f9b3;
  border: 1px solid #fffc;
  border-radius: .85rem;
  flex: none;
  place-items: center;
  width: 3.25rem;
  height: 3.25rem;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  display: grid;
  box-shadow: inset 0 2px 4px #fffc;
}

.categories-module__MO-TzG__forumCard:hover .categories-module__MO-TzG__forumIcon {
  background: linear-gradient(135deg, #14b8a61a, #6366f11a);
  border-color: #6366f14d;
  transform: scale(1.08)rotate(-3deg);
}

.categories-module__MO-TzG__forumInfo {
  flex: 1;
  min-width: 0;
}

.categories-module__MO-TzG__forumName {
  color: #0f172a;
  margin: 0;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.3;
}

.categories-module__MO-TzG__forumDescription {
  color: #475569;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: .25rem 0 0;
  font-size: .85rem;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.categories-module__MO-TzG__forumStats {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.categories-module__MO-TzG__stat {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #475569;
  background: #fff9;
  border: 1px solid #e2e8f0cc;
  border-radius: 2rem;
  align-items: center;
  gap: .35rem;
  padding: .35rem .65rem;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.categories-module__MO-TzG__statValue {
  color: #0f172a;
  font-weight: 700;
}

.categories-module__MO-TzG__latestThread {
  border-inline-start: 1px dashed #94a3b84d;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-inline-start: 1.5rem;
  display: flex;
}

.categories-module__MO-TzG__latestLabel {
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: .5rem;
  font-size: .7rem;
  font-weight: 700;
  display: block;
}

.categories-module__MO-TzG__threadInfo {
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: .75rem;
  flex-direction: column;
  gap: .65rem;
  padding: .75rem;
  transition: all .2s;
  display: flex;
}

.categories-module__MO-TzG__threadInfo:hover {
  background: #fff9;
  border-color: #e2e8f0cc;
  box-shadow: 0 4px 12px #00000008;
}

.categories-module__MO-TzG__threadContent {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.categories-module__MO-TzG__threadTitle {
  color: #0f172a;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 0;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1.4;
  display: -webkit-box;
  overflow: hidden;
}

.categories-module__MO-TzG__threadMeta {
  color: #64748b;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  font-size: .75rem;
  display: flex;
}

.categories-module__MO-TzG__threadStats {
  align-items: center;
  gap: .75rem;
  margin-top: .25rem;
  display: flex;
}

.categories-module__MO-TzG__threadStat {
  color: #64748b;
  background: #94a3b81a;
  border: 1px solid #94a3b826;
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .2rem .6rem;
  font-size: .75rem;
  transition: all .2s;
  display: flex;
}

.categories-module__MO-TzG__threadInfo:hover .categories-module__MO-TzG__threadStat {
  color: #475569;
  background: #94a3b826;
  border-color: #94a3b840;
}

.categories-module__MO-TzG__threadStatIcon {
  opacity: .8;
  filter: grayscale();
  font-size: .75rem;
  transition: filter .2s;
}

.categories-module__MO-TzG__threadInfo:hover .categories-module__MO-TzG__threadStatIcon {
  filter: grayscale(0%);
}

.categories-module__MO-TzG__threadStatValue {
  letter-spacing: .02em;
  font-weight: 700;
}

.categories-module__MO-TzG__activeText {
  opacity: .95;
  margin-inline-end: .25rem;
  font-size: .85em;
  font-weight: 600;
}

.categories-module__MO-TzG__activeView {
  color: #0f766e;
  background: #14b8a626;
  border-color: #14b8a64d;
}

.categories-module__MO-TzG__activeView .categories-module__MO-TzG__threadStatIcon {
  filter: grayscale(0%);
}

.categories-module__MO-TzG__activeComment {
  color: #4338ca;
  background: #6366f126;
  border-color: #6366f14d;
}

.categories-module__MO-TzG__activeComment .categories-module__MO-TzG__threadStatIcon {
  filter: grayscale(0%);
}

.categories-module__MO-TzG__activeReaction {
  color: #be185d;
  background: #ec489926;
  border-color: #ec48994d;
}

.categories-module__MO-TzG__activeReaction .categories-module__MO-TzG__threadStatIcon {
  filter: grayscale(0%);
}

.categories-module__MO-TzG__reactionStack {
  align-items: center;
  display: inline-flex;
}

.categories-module__MO-TzG__stackedReaction {
  background: #f8fafccc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-inline-end: -.35rem;
  font-size: .75rem;
  transition: transform .2s;
  display: inline-flex;
  position: relative;
  box-shadow: 0 0 0 1px #ffffffe6;
}

.categories-module__MO-TzG__stackedReaction:last-child {
  margin-inline-end: 0;
}

.categories-module__MO-TzG__threadInfo:hover .categories-module__MO-TzG__stackedReaction {
  transform: translateY(-1px);
}

.categories-module__MO-TzG__pinnedBadge {
  color: #92400e;
  background: linear-gradient(135deg, #fef3c7cc, #fde68acc);
  border: 1px solid #fcd34d80;
  border-radius: 999px;
  align-items: center;
  padding: .15rem .5rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-flex;
}

.categories-module__MO-TzG__noThreads {
  color: #94a3b8;
  text-align: center;
  margin: 0;
  padding: .5rem;
  font-size: .85rem;
  font-style: italic;
}

.categories-module__MO-TzG__languageBadges {
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  margin-bottom: .25rem;
  display: inline-flex;
}

.categories-module__MO-TzG__langBadge {
  --hue: var(--locale-hue, 220);
  background: hsla(var(--hue), 70%, 50%, .1);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid hsla(var(--hue), 60%, 50%, .2);
  color: hsla(var(--hue), 60%, 30%, 1);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  padding: .2rem .5rem;
  font-size: .75rem;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.categories-module__MO-TzG__langBadge:hover {
  background: hsla(var(--hue), 70%, 50%, .15);
  transform: translateY(-1px);
}

.categories-module__MO-TzG__langFlag {
  font-size: .85rem;
}

.categories-module__MO-TzG__langCode {
  letter-spacing: .05em;
  font-size: .65rem;
  font-weight: 800;
}

.categories-module__MO-TzG__multiBadges {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background: #6366f114;
  border: 1px solid #6366f126;
  border-radius: 999px;
  padding: .25rem .5rem;
}

.categories-module__MO-TzG__multiIcon {
  margin-inline-end: .25rem;
  font-size: .8rem;
}

.dark .categories-module__MO-TzG__headCategoryHeader {
  color: #f8fafc;
  background: #0f172a66;
  border-color: #ffffff1a;
  box-shadow: 0 4px 15px #0003;
}

.dark .categories-module__MO-TzG__headCategoryHeader:hover {
  background: #1e293b99;
  border-color: #ffffff26;
}

.dark .categories-module__MO-TzG__categoryCard {
  background: #0f172a66;
  border-color: #ffffff14;
  box-shadow: 0 10px 40px -10px #0000004d, inset 0 0 0 1px #ffffff0d;
}

.dark .categories-module__MO-TzG__categoryCard:hover {
  background: #1e293b80;
  border-color: #6366f166;
  box-shadow: 0 20px 40px -10px #0006, inset 0 0 0 1px #ffffff14;
}

.dark .categories-module__MO-TzG__categoryHeader {
  border-color: #ffffff0d;
}

.dark .categories-module__MO-TzG__categoryHeader.categories-module__MO-TzG__expanded {
  background: #0003;
}

:is(.dark .categories-module__MO-TzG__categoryName, .dark .categories-module__MO-TzG__forumName, .dark .categories-module__MO-TzG__threadTitle, .dark .categories-module__MO-TzG__statValue, .dark .categories-module__MO-TzG__threadStatValue) {
  color: #f8fafc;
}

:is(.dark .categories-module__MO-TzG__categoryDescription, .dark .categories-module__MO-TzG__forumDescription, .dark .categories-module__MO-TzG__threadMeta, .dark .categories-module__MO-TzG__stat, .dark .categories-module__MO-TzG__latestLabel) {
  color: #94a3b8;
}

.dark .categories-module__MO-TzG__threadStat {
  color: #94a3b8;
  background: #94a3b80d;
  border-color: #94a3b81a;
}

.dark .categories-module__MO-TzG__threadInfo:hover .categories-module__MO-TzG__threadStat {
  color: #cbd5e1;
  background: #94a3b826;
  border-color: #94a3b840;
}

.dark .categories-module__MO-TzG__activeView {
  color: #5eead4;
  background: #14b8a633;
  border-color: #14b8a666;
}

.dark .categories-module__MO-TzG__activeComment {
  color: #818cf8;
  background: #6366f133;
  border-color: #6366f166;
}

.dark .categories-module__MO-TzG__activeReaction {
  color: #f472b6;
  background: #ec489933;
  border-color: #ec489966;
}

.dark .categories-module__MO-TzG__stackedReaction {
  background: #1e293be6;
  box-shadow: 0 0 0 1px #0f172acc;
}

.dark .categories-module__MO-TzG__expandButton {
  color: #e2e8f0;
  background: #1e293b80;
  border-color: #ffffff1a;
}

.dark .categories-module__MO-TzG__expandButton:hover {
  background: #ffffff1a;
}

.dark .categories-module__MO-TzG__forumCard {
  background: #1e293b66;
  border-color: #ffffff0f;
  box-shadow: 0 4px 15px -3px #0003;
}

.dark .categories-module__MO-TzG__forumCard:hover {
  background: #1e293bb3;
  border-color: #6366f14d;
}

.dark .categories-module__MO-TzG__forumIcon {
  background: #0f172a99;
  border-color: #ffffff14;
  box-shadow: inset 0 2px 4px #ffffff0d;
}

.dark .categories-module__MO-TzG__stat {
  background: #0f172a80;
  border-color: #ffffff0d;
}

.dark .categories-module__MO-TzG__latestThread {
  border-color: #ffffff14;
}

.dark .categories-module__MO-TzG__threadInfo:hover {
  background: #ffffff0d;
  border-color: #ffffff1a;
}

.dark .categories-module__MO-TzG__langBadge {
  background: hsla(var(--hue), 60%, 40%, .15);
  border-color: hsla(var(--hue), 50%, 50%, .25);
  color: hsla(var(--hue), 70%, 75%, 1);
  gap: .25rem;
}

.dark .categories-module__MO-TzG__langBadge:hover {
  background: hsla(var(--hue), 60%, 40%, .25);
}

[dir="rtl"] .categories-module__MO-TzG__headCategoryHeader, [dir="rtl"] .categories-module__MO-TzG__languageBadges, [dir="rtl"] .categories-module__MO-TzG__forumStats, [dir="rtl"] .categories-module__MO-TzG__threadMeta {
  flex-direction: row;
}

[dir="rtl"] .categories-module__MO-TzG__categoryIcon {
  margin-left: 0;
}

[dir="ltr"] .categories-module__MO-TzG__categoryIcon {
  margin-right: 0;
}

[dir="rtl"] .categories-module__MO-TzG__multiIcon {
  margin-inline: .25rem 0;
}

@media (max-width: 1024px) {
  .categories-module__MO-TzG__forumCard {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .categories-module__MO-TzG__forumMain {
    align-items: flex-start;
  }

  .categories-module__MO-TzG__forumStats {
    justify-content: flex-start;
    margin-top: -.5rem;
    padding-inline-start: 4.5rem;
  }

  .categories-module__MO-TzG__latestThread {
    padding-inline-start: 0;
    border-inline-start: none;
    border-top: 1px dashed #94a3b84d;
    padding-top: 1rem;
  }

  .dark .categories-module__MO-TzG__latestThread {
    border-color: #ffffff14;
  }
}

@media (max-width: 768px) {
  .categories-module__MO-TzG__categoryHeader {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
  }

  .categories-module__MO-TzG__expandButton {
    top: 1rem;
    position: absolute;
    inset-inline-end: 1rem;
  }

  .categories-module__MO-TzG__forumsContainer, .categories-module__MO-TzG__forumCard {
    padding: 1rem;
  }

  .categories-module__MO-TzG__forumStats {
    padding-inline-start: 0;
  }
}

/* [project]/apps/web/src/components/role-badge/RoleBadge.module.css [app-client] (css) */
.RoleBadge-module__8fyl6W__badge {
  letter-spacing: .5px;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: default;
  -webkit-font-smoothing: antialiased;
  border-radius: 9999px;
  align-items: center;
  gap: 6px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  transition: transform .25s, box-shadow .25s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.RoleBadge-module__8fyl6W__badge:hover {
  transform: translateY(-1px)scale(1.02);
}

.RoleBadge-module__8fyl6W__icon {
  flex-shrink: 0;
  align-items: center;
  font-size: 13px;
  display: inline-flex;
}

.RoleBadge-module__8fyl6W__badge:after {
  content: "";
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(90deg, #0000 0%, #ffffff26 50%, #0000 100%);
  width: 60%;
  height: 100%;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: -100%;
}

.RoleBadge-module__8fyl6W__badge:hover:after {
  opacity: 1;
  animation: .6s ease-out forwards RoleBadge-module__8fyl6W__sheen;
}

.RoleBadge-module__8fyl6W__member {
  color: #4b5563;
  background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
  border: 1px solid #d1d5db99;
  box-shadow: 0 1px 3px #0000000f;
}

.RoleBadge-module__8fyl6W__member:hover {
  box-shadow: 0 3px 8px #0000001a;
}

.dark .RoleBadge-module__8fyl6W__member {
  color: #d1d5db;
  background: linear-gradient(135deg, #374151 0%, #1f2937 100%);
  border-color: #4b556380;
  box-shadow: 0 1px 3px #0003;
}

.dark .RoleBadge-module__8fyl6W__member:hover {
  box-shadow: 0 3px 8px #00000059;
}

.RoleBadge-module__8fyl6W__moderator {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  border: 1px solid #3b82f64d;
  box-shadow: 0 2px 8px #3b82f640, inset 0 1px #ffffff26;
}

.RoleBadge-module__8fyl6W__moderator:hover {
  box-shadow: 0 4px 14px #3b82f659, inset 0 1px #ffffff26;
}

.dark .RoleBadge-module__8fyl6W__moderator {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
  border-color: #2563eb66;
  box-shadow: 0 2px 8px #2563eb4d, inset 0 1px #ffffff1a;
}

.dark .RoleBadge-module__8fyl6W__moderator:hover {
  box-shadow: 0 4px 14px #2563eb66, inset 0 1px #ffffff1a;
}

.RoleBadge-module__8fyl6W__moderator .RoleBadge-module__8fyl6W__pulseRing {
  display: none;
}

.RoleBadge-module__8fyl6W__admin {
  color: #fff;
  background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
  border: 1px solid #8b5cf64d;
  box-shadow: 0 2px 10px #8b5cf640, inset 0 1px #ffffff26;
}

.RoleBadge-module__8fyl6W__admin:hover {
  box-shadow: 0 4px 16px #8b5cf666, inset 0 1px #ffffff26;
}

.dark .RoleBadge-module__8fyl6W__admin {
  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
  border-color: #7c3aed66;
  box-shadow: 0 2px 10px #7c3aed4d, inset 0 1px #ffffff1a;
}

.dark .RoleBadge-module__8fyl6W__admin:hover {
  box-shadow: 0 4px 16px #7c3aed73, inset 0 1px #ffffff1a;
}

.RoleBadge-module__8fyl6W__admin .RoleBadge-module__8fyl6W__sparkle {
  display: none;
}

.RoleBadge-module__8fyl6W__superAdmin {
  color: #fff;
  text-shadow: 0 1px 2px #00000026;
  background: linear-gradient(135deg, #f97316 0%, #ef4444 50%, #dc2626 100%);
  border: 1px solid #ffc86459;
  box-shadow: 0 2px 12px #ef44444d, 0 0 8px #f9731633, inset 0 1px #ffffff40;
}

.RoleBadge-module__8fyl6W__superAdmin:hover {
  box-shadow: 0 4px 20px #ef444473, 0 0 16px #f973164d, inset 0 1px #ffffff40;
}

.dark .RoleBadge-module__8fyl6W__superAdmin {
  background: linear-gradient(135deg, #ea580c 0%, #dc2626 50%, #b91c1c 100%);
  border-color: #fbbf244d;
  box-shadow: 0 2px 12px #dc262659, 0 0 10px #ea580c40, inset 0 1px #ffffff26;
}

.dark .RoleBadge-module__8fyl6W__superAdmin:hover {
  box-shadow: 0 4px 20px #dc262680, 0 0 18px #ea580c59, inset 0 1px #ffffff26;
}

.RoleBadge-module__8fyl6W__superAdmin:after {
  opacity: 1;
  background: linear-gradient(90deg, #0000 0%, #ffffff14 25%, #ffffff4d 50%, #ffffff14 75%, #0000 100%);
  width: 40%;
  animation: 6s ease-in-out infinite RoleBadge-module__8fyl6W__superSheen;
}

.RoleBadge-module__8fyl6W__crownIcon {
  filter: drop-shadow(0 0 3px #fbbf2499) drop-shadow(0 1px 1px #0003);
  transition: filter .3s, transform .3s;
}

.RoleBadge-module__8fyl6W__superAdmin:hover .RoleBadge-module__8fyl6W__crownIcon {
  filter: drop-shadow(0 0 5px #fbbf24cc) drop-shadow(0 0 10px #fbbf2466) drop-shadow(0 1px 1px #0003);
  transform: scale(1.1);
}

.RoleBadge-module__8fyl6W__unknown {
  color: #fff;
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  border: 1px solid #6366f14d;
  box-shadow: 0 2px 6px #6366f140;
}

.RoleBadge-module__8fyl6W__unknown:hover {
  box-shadow: 0 4px 12px #6366f166;
}

.dark .RoleBadge-module__8fyl6W__unknown {
  background: linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);
  border-color: #4f46e566;
  box-shadow: 0 2px 6px #4f46e54d;
}

.RoleBadge-module__8fyl6W__compact {
  letter-spacing: .3px;
  gap: 4px;
  padding: 2px 10px;
  font-size: 10px;
}

.RoleBadge-module__8fyl6W__compact .RoleBadge-module__8fyl6W__icon {
  font-size: 11px;
}

.RoleBadge-module__8fyl6W__large {
  letter-spacing: .6px;
  gap: 7px;
  padding: 6px 18px;
  font-size: 13px;
}

.RoleBadge-module__8fyl6W__large .RoleBadge-module__8fyl6W__icon {
  font-size: 15px;
}

@keyframes RoleBadge-module__8fyl6W__sheen {
  0% {
    left: -100%;
  }

  100% {
    left: 150%;
  }
}

@keyframes RoleBadge-module__8fyl6W__superSheen {
  0%, 85%, 100% {
    opacity: 0;
    left: -100%;
  }

  5% {
    opacity: 1;
  }

  40% {
    opacity: 1;
    left: 200%;
  }

  45% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .RoleBadge-module__8fyl6W__badge, .RoleBadge-module__8fyl6W__badge:after, .RoleBadge-module__8fyl6W__superAdmin:after, .RoleBadge-module__8fyl6W__crownIcon {
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 640px) {
  .RoleBadge-module__8fyl6W__badge {
    gap: 4px;
    padding: 3px 10px;
    font-size: 11px;
  }

  .RoleBadge-module__8fyl6W__large {
    padding: 4px 14px;
    font-size: 12px;
  }

  .RoleBadge-module__8fyl6W__compact {
    padding: 2px 8px;
    font-size: 9px;
  }
}

/* [project]/apps/web/src/components/ui/MiniAvatar.module.css [app-client] (css) */
.MiniAvatar-module__G85Ctq__avatar {
  -o-object-fit: cover;
  object-fit: cover;
  border: 1.5px solid #8b5cf64d;
  border-radius: 50%;
  flex-shrink: 0;
}

.MiniAvatar-module__G85Ctq__fallback {
  color: #fff;
  background: linear-gradient(135deg, #8b5cf6, #6366f1);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: inline-flex;
}

.MiniAvatar-module__G85Ctq__size16 {
  width: 16px;
  height: 16px;
  font-size: 9px;
  line-height: 16px;
}

.MiniAvatar-module__G85Ctq__size20 {
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
}

.MiniAvatar-module__G85Ctq__size24 {
  width: 24px;
  height: 24px;
  font-size: 11px;
  line-height: 24px;
}

.dark .MiniAvatar-module__G85Ctq__avatar {
  border-color: #8b5cf680;
}

.dark .MiniAvatar-module__G85Ctq__fallback {
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
}

/* [project]/apps/web/src/app/categories/page.module.css [app-client] (css) */
.page-module__mbuc2a__pageContainer {
  background: radial-gradient(circle at 0 0, #14b8a614, #0000 30rem), radial-gradient(circle at 100% 0, #f59e0b14, #0000 28rem);
  width: 100%;
  min-height: 100vh;
}

.page-module__mbuc2a__innerContainer {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

@media (min-width: 1536px) {
  .page-module__mbuc2a__innerContainer {
    padding: 2rem 4rem;
  }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  .page-module__mbuc2a__innerContainer {
    padding: 2rem 3rem;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .page-module__mbuc2a__innerContainer {
    padding: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .page-module__mbuc2a__innerContainer {
    padding: 2rem 1.5rem;
  }
}

@media (max-width: 767px) {
  .page-module__mbuc2a__innerContainer {
    padding: 1rem;
  }
}

/*# sourceMappingURL=apps_web_src_4d60cf3a._.css.map*/