/* Frosted link surfaces are local to the links page. */
body.asaday-unified.links-page {
  background:
    radial-gradient(ellipse 720px 640px at 92% 12%, #7148f64d, transparent 74%),
    radial-gradient(ellipse 660px 700px at 8% 46%, #499ae82e, transparent 76%),
    radial-gradient(ellipse 640px 560px at 80% 85%, #8657e52e, transparent 74%),
    #07060b !important;
}

.links-page :is(.links-card, .event-spotlight, .links-monthly, .links-social a, .links-price-list a) {
  background: linear-gradient(135deg, #ffffff1c, #cbb8ff08 65%), #181322e6;
  border: 1px solid #e3d5ff3d;
  box-shadow: inset 0 1px 0 #ffffff26, inset 0 -1px 0 #ffffff05, 0 12px 32px #00000026;
}

@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .links-page :is(.links-card, .event-spotlight, .links-monthly, .links-social a) {
    background: linear-gradient(135deg, #ffffff1c, #cbb8ff08 65%), #18132266;
    -webkit-backdrop-filter: blur(20px) saturate(145%);
    backdrop-filter: blur(20px) saturate(145%);
  }
  /* Price links sit inside the already blurred monthly-services surface. */
  .links-page .links-price-list a {
    background: linear-gradient(135deg, #ffffff16, #cbb8ff06);
  }
}

.links-page .links-card {
  grid-template-columns: 44px minmax(0, 1fr);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.links-page .links-card-primary {
  background: linear-gradient(125deg, #9779ff40, #6fbaff1a), #18132280;
  border-color: #c5b0ff80;
}
.links-page .links-mark {
  background: linear-gradient(135deg, #ffffff17, #cbb8ff09);
  border-color: #e3d5ff38;
  box-shadow: inset 0 1px 0 #ffffff16;
}
.links-page .links-card-primary .links-mark { background: #ad94ff26; }
.links-page .links-card small { color: #d0c6df; }
.links-page .links-price-list a { padding: 14px; border-radius: 12px; }
.links-page .links-social a { color: #e0d5ef; min-height: 44px; }
.links-page :is(.links-card, .links-social a, .links-price-list a):is(:hover, :focus-visible) {
  border-color: #e3d5ff80;
  box-shadow: inset 0 1px 0 #ffffff38, 0 14px 36px #00000033;
}
.links-page .links-card:hover { transform: translateY(-2px); }
.links-page .links-card:active { transform: translateY(0); }

@media (max-width: 560px) {
  .links-page .links-card { grid-template-columns: 39px minmax(0, 1fr); }
  .links-page :is(.links-card, .event-spotlight, .links-monthly, .links-social a) {
    -webkit-backdrop-filter: blur(14px) saturate(135%);
    backdrop-filter: blur(14px) saturate(135%);
  }
}
@media (prefers-reduced-transparency: reduce) {
  .links-page :is(.links-card, .event-spotlight, .links-monthly, .links-social a, .links-price-list a) {
    background: #211a2d;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .links-page .links-card { transition: none; }
  .links-page .links-card:hover { transform: none; }
}