:root {
  --wucat-ink: #111827;
  --wucat-muted: #657083;
  --wucat-soft: #f4f7fb;
  --wucat-card: rgba(255, 255, 255, 0.9);
  --wucat-line: rgba(26, 40, 61, 0.1);
  --wucat-blue: #2563eb;
  --wucat-cyan: #00a6c8;
  --wucat-green: #16a085;
  --wucat-violet: #7c3aed;
  --wucat-shadow: 0 18px 55px rgba(20, 32, 52, 0.12);
}

body {
  background:
    radial-gradient(circle at 12% 0%, rgba(37, 99, 235, 0.12), transparent 28rem),
    radial-gradient(circle at 88% 10%, rgba(22, 160, 133, 0.1), transparent 26rem),
    #f6f8fc !important;
  color: var(--wucat-ink);
}

a {
  text-underline-offset: 3px;
}

.header,
.fixed-body .header,
.navbar,
.zib-widget,
.theme-box,
.posts-item,
.posts-item.card,
.sidebar .widget,
.article,
.article-content,
.author-minicard,
.user-card,
.modal-content,
.dropdown-menu {
  border-color: var(--wucat-line) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 35px rgba(20, 32, 52, 0.08) !important;
}

.header,
.navbar {
  backdrop-filter: blur(18px);
  background: rgba(255, 255, 255, 0.86) !important;
}

.navbar-brand,
.navbar-brand-name,
.site-name {
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.navbar-nav > li > a,
.navbar-nav > li > .menu-item,
.menu-item a {
  font-weight: 700;
}

.navbar-nav > li > a:hover,
.menu-item a:hover,
.focus-color,
.theme-color,
a:hover {
  color: var(--wucat-blue) !important;
}

.but,
.btn,
.button,
button,
input[type="submit"],
.wp-block-button__link {
  border-radius: 10px !important;
  font-weight: 700 !important;
}

.butjb,
.btn-primary,
.wp-block-button__link,
.but.c-blue {
  border: 0 !important;
  background: linear-gradient(135deg, var(--wucat-blue), var(--wucat-cyan)) !important;
  color: #fff !important;
  box-shadow: 0 10px 26px rgba(37, 99, 235, 0.22) !important;
}

.posts-item,
.article,
.zib-widget,
.sidebar .widget {
  background: var(--wucat-card) !important;
  overflow: hidden;
}

.posts-item:hover,
.wucat-feature-card:hover {
  transform: translateY(-3px);
  box-shadow: var(--wucat-shadow) !important;
}

.posts-item,
.wucat-feature-card,
.wucat-btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.posts-item .item-heading,
.posts-item .item-heading a,
.article-title,
h1,
h2,
h3 {
  letter-spacing: 0 !important;
}

.posts-item .item-heading a,
.article-title {
  font-weight: 850 !important;
}

.posts-item .item-excerpt,
.article-content,
.muted-2-color {
  color: var(--wucat-muted) !important;
}

.posts-item .item-thumbnail img,
.wp-post-image,
.lazyloaded {
  filter: saturate(1.04) contrast(1.02);
}

.sidebar .widget {
  padding: 18px !important;
}

.sidebar .widget-title,
.box-body .title,
.title-theme {
  font-weight: 850 !important;
}

.sidebar .widget-title::after,
.title-theme::after {
  background: linear-gradient(90deg, var(--wucat-blue), var(--wucat-green)) !important;
}

.footer,
.site-footer {
  background: #101827 !important;
  color: rgba(255, 255, 255, 0.76) !important;
}

.footer a,
.site-footer a {
  color: rgba(255, 255, 255, 0.86) !important;
}

.wucat-home {
  display: grid;
  gap: 34px;
}

.wucat-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: 28px;
  align-items: stretch;
  min-height: 430px;
  border: 1px solid var(--wucat-line);
  border-radius: 20px;
  padding: clamp(24px, 4vw, 44px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(239, 246, 255, 0.86)),
    #fff;
  box-shadow: var(--wucat-shadow);
  overflow: hidden;
}

.wucat-hero__copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.wucat-kicker,
.wucat-section-head span,
.wucat-resource-band span {
  color: var(--wucat-blue);
  font-size: 13px;
  font-weight: 850;
}

.wucat-hero h1 {
  max-width: 780px;
  margin: 14px 0 18px;
  color: var(--wucat-ink);
  font-size: clamp(34px, 5vw, 62px);
  line-height: 1.08;
}

.wucat-hero p,
.wucat-resource-band p,
.wucat-feature-card p {
  color: var(--wucat-muted);
  line-height: 1.8;
}

.wucat-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 12px;
}

.wucat-btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0 18px;
  font-weight: 800;
}

.wucat-btn--primary {
  color: #fff !important;
  background: linear-gradient(135deg, var(--wucat-blue), var(--wucat-cyan));
  box-shadow: 0 10px 28px rgba(37, 99, 235, 0.23);
}

.wucat-btn--ghost {
  border: 1px solid var(--wucat-line);
  color: var(--wucat-ink) !important;
  background: rgba(255, 255, 255, 0.8);
}

.wucat-hero__panel {
  display: grid;
  gap: 18px;
  align-content: center;
  border-radius: 18px;
  padding: 22px;
  color: #fff;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 64, 175, 0.9)),
    #111827;
}

.wucat-panel-top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  color: rgba(255, 255, 255, 0.72);
}

.wucat-panel-top strong {
  border-radius: 999px;
  padding: 6px 10px;
  color: #a7f3d0;
  background: rgba(22, 160, 133, 0.18);
  font-size: 12px;
}

.wucat-flow {
  display: grid;
  gap: 12px;
}

.wucat-flow div {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.08);
}

.wucat-flow span,
.wucat-flow small {
  display: block;
  color: rgba(255, 255, 255, 0.66);
}

.wucat-flow strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 20px;
}

.wucat-section-head h2,
.wucat-resource-band h2 {
  margin: 8px 0 0;
  font-size: clamp(26px, 3vw, 38px);
}

.wucat-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.wucat-feature-card {
  display: block;
  min-height: 210px;
  border: 1px solid var(--wucat-line);
  border-radius: 18px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--wucat-ink) !important;
}

.wucat-card-icon {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(135deg, var(--wucat-blue), var(--wucat-violet));
  font-weight: 900;
}

.wucat-feature-card h3 {
  margin: 20px 0 10px;
  font-size: 20px;
}

.wucat-resource-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 18px;
  padding: 28px;
  background:
    linear-gradient(135deg, rgba(239, 246, 255, 0.96), rgba(236, 253, 245, 0.84)),
    #fff;
}

@media (max-width: 1024px) {
  .wucat-hero,
  .wucat-feature-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 720px) {
  .wucat-hero,
  .wucat-feature-grid {
    grid-template-columns: 1fr;
  }

  .wucat-resource-band {
    align-items: flex-start;
    flex-direction: column;
  }

  .wucat-hero h1 {
    font-size: 34px;
  }
}