body {
  background:
    radial-gradient(circle at 20% 8%, rgba(125, 211, 252, .34), transparent 28rem),
    radial-gradient(circle at 84% 0%, rgba(251, 146, 60, .26), transparent 24rem),
    radial-gradient(circle at 50% 42%, rgba(216, 180, 254, .22), transparent 32rem),
    linear-gradient(180deg, #eff6ff, #f8fafc 42%, #eef2ff);
  color: #0f172a;
}

.site-header {
  background: rgba(255, 255, 255, .28);
  border-bottom: 1px solid rgba(255, 255, 255, .52);
  box-shadow: 0 18px 48px rgba(15, 23, 42, .12);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}

.site-title,
.site-lead {
  color: #0f172a;
  text-shadow: 0 1px 0 rgba(255,255,255,.55);
}

.hero,
.area-description,
.search-box,
.link-panel,
.content-section,
.post-form,
.post-card,
.area-stats,
.pr-ranking {
  background: rgba(255, 255, 255, .58);
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 28px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.74),
    0 18px 52px rgba(15, 23, 42, .11);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
}

.post-card,
.area-stats__block,
.pr-card {
  background: rgba(255, 255, 255, .68);
}

.page-title,
.hero h1 {
  color: #0f172a;
  letter-spacing: -.035em;
}

.area-link-grid a,
.pagination a,
.pagination span {
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.72);
  color: #0f172a;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.submit-button,
button,
.post-card__cta,
.pr-card__button {
  background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    0 12px 28px color-mix(in srgb, var(--color-primary) 26%, transparent);
}

input,
select,
textarea {
  background: rgba(255,255,255,.76);
  border: 1px solid rgba(148,163,184,.38);
  border-radius: 18px;
}

.post-card__meta span,
.post-card__tag--job,
.post-card__tag--body_type,
.post-card__tag--purpose,
.pr-card__badges span,
.area-stats__block b {
  background: rgba(255,255,255,.68) !important;
  border: 1px solid rgba(255,255,255,.78);
  color: #334155 !important;
}

.site-footer {
  background: rgba(15, 23, 42, .82);
  box-shadow: 0 -18px 48px rgba(15, 23, 42, .16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

@media (prefers-reduced-transparency: reduce) {
  .site-header,
  .hero,
  .area-description,
  .search-box,
  .link-panel,
  .content-section,
  .post-form,
  .post-card,
  .area-stats,
  .pr-ranking,
  .area-link-grid a {
    background: #fff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}