[id^="item_content_item_"] {
  border-radius: 18px;
  background-color: rgba(11, 20, 33, 0.92);
  background-image: linear-gradient(145deg, rgba(11, 20, 33, 0.92), rgba(21, 35, 52, 0.88)), linear-gradient(90deg, transparent, rgba(122, 240, 205, 0.18), transparent);
  background-repeat: no-repeat;
  background-size: 100% 100%, 200% 100%;
  background-position: center, -180% 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.28);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-position 0.55s ease;
}

.item {
  border-radius: 18px;
}

[id^="item_content_item_"]:hover {
  transform: translateY(-2px);
  border-color: rgba(122, 240, 205, 0.22);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.34);
  background-position: center, 180% 0;
}

[id^="bottom_banner_item_"] {
  background-color: transparent;
  background-image: linear-gradient(90deg, transparent, rgba(122, 240, 205, 0.18), transparent);
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-position: -180% 0;
  position: relative;
  transition: background-color 0.25s ease, background-position 0.55s ease;
}

[id^="bottom_banner_item_"]:hover {
  background: #3e5353;
  background-image: linear-gradient(90deg, transparent, rgba(122, 240, 205, 0.22), transparent);
  background-position: 180% 0;
}

.add_content_div,
.forum_div,
.side_panel,
.settings,
.search,
.reply_div,
.newsletter_modal {
  background: linear-gradient(160deg, rgba(8, 17, 30, 0.96), rgba(18, 33, 52, 0.92));
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(18px);
}

.search {
  border-radius: 18px;
  background: linear-gradient(160deg, rgba(10, 22, 39, 0.98), rgba(17, 35, 56, 0.94));
}

#search_input {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
  color: #f3f7ff;
}

.search button {
  min-width: 108px;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid rgba(122, 240, 205, 0.3);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(122, 240, 205, 0.18), rgba(56, 212, 255, 0.14));
  color: #edf8ff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.24);
}

.side_panel,
.newsletter_modal {
  background: linear-gradient(180deg, rgba(8, 17, 30, 0.98), rgba(13, 27, 45, 0.94)) !important;
}

.side_panel_items,
.newsletter_items {
  background: rgba(255, 255, 255, 0.04) !important;
  color: #e9f2ff !important;
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.side_panel_items:hover,
.newsletter_items:hover {
  background: rgba(122, 240, 205, 0.16) !important;
  color: #ffffff !important;
}

#article_page_content {
  padding: 28px !important;
  color: #e9f2ff !important;
  background: linear-gradient(180deg, rgba(9, 19, 34, 0.98), rgba(14, 28, 46, 0.96)) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34) !important;
}

#article_page_content a {
  color: #7af0cd;
}

#article_page_content p,
#article_page_content li,
#article_page_content blockquote,
#article_page_content figcaption {
  color: inherit;
}