/*
 * diaspora.ro — desktop homepage visual layer
 * Loaded only by index.desktop.html. Mobile styles are intentionally untouched.
 */
.homepage-body {
  background:
    radial-gradient(circle at 8% 9%, rgba(24, 119, 242, .06), transparent 25rem),
    linear-gradient(180deg, #f8fafc 0%, #f3f6fa 42%, #eef3f8 100%);
}
.homepage-body .site-header-stack { isolation: isolate; }
.homepage-body .topbar {
  background: rgba(255, 255, 255, .92);
  border-bottom-color: rgba(203, 213, 225, .78);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .055);
  backdrop-filter: blur(16px);
}
.homepage-body .feature-section--lead { padding-top: 52px; }
.homepage-body .feature-panel {
  border-color: rgba(203, 213, 225, .92);
  box-shadow: 0 14px 38px rgba(30, 64, 99, .08), 0 2px 5px rgba(15, 23, 42, .035);
}
.homepage-body .feature-panel--country {
  background: linear-gradient(115deg, #fff 0%, #fff 52%, #f5f9ff 100%);
}
.homepage-body .feature-panel--country .feature-copy { position: relative; }
.homepage-body .feature-panel--country .feature-copy::before {
  width: 58px;
  height: 4px;
  content: "";
  margin-bottom: 22px;
  border-radius: 99px;
  background: linear-gradient(90deg, #1877f2, #7c3aed);
}
.homepage-body .direction-section { padding-top: 32px; }
.homepage-body .section-heading { margin-bottom: 24px; }
.homepage-body .section-heading h1 { font-size: clamp(40px, 4.2vw, 56px); }
.homepage-body .direction-grid { gap: 16px; }
.homepage-body .direction-card {
  min-height: 158px;
  border-color: rgba(203, 213, 225, .9);
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 5px 16px rgba(30, 64, 99, .055);
}
.homepage-body .direction-card:hover,
.homepage-body .direction-card:focus-visible {
  border-color: rgba(24, 119, 242, .38);
  box-shadow: 0 16px 30px rgba(30, 64, 99, .12);
}
.homepage-body .feature-section--compact { padding-top: 16px; }
.homepage-body .feature-panel--service,
.homepage-body .feature-panel--career,
.homepage-body .feature-panel--community {
  box-shadow: 0 10px 30px rgba(30, 64, 99, .065);
}
.homepage-body .feature-copy h2 { letter-spacing: -.055em; }
.homepage-body .feature-list a { min-height: 52px; }
.homepage-body .closing-cta-inner {
  background: linear-gradient(110deg, #1468d8, #3151b8);
  box-shadow: 0 14px 28px rgba(20, 104, 216, .18);
}
.homepage-body .footer {
  background: linear-gradient(145deg, #172b43 0%, #10243b 100%);
}
@media (max-width: 960px) {
  .homepage-body .feature-section--lead { padding-top: 30px; }
  .homepage-body .feature-panel--country .feature-copy::before { margin-bottom: 15px; }
}