:root {
  --nas36-glass: rgba(15, 23, 42, 0.68);
  --nas36-border: rgba(255, 255, 255, 0.14);
  --nas36-glow: rgba(56, 189, 248, 0.20);
}

body {
  letter-spacing: 0.01em;
}

#page_container {
  max-width: 1320px;
  margin: 0 auto;
}

.service-card,
.bookmark,
.information-widget-search {
  background: linear-gradient(145deg, rgba(30, 41, 59, 0.78), var(--nas36-glass)) !important;
  border: 1px solid var(--nas36-border) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.24), 0 0 22px var(--nas36-glow);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.service-card {
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.service-card:hover {
  transform: translateY(-3px);
  border-color: rgba(125, 211, 252, 0.45) !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.30), 0 0 28px rgba(56, 189, 248, 0.28);
}

h2 {
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.65);
}

@media (max-width: 640px) {
  #page_container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .service-card:hover {
    transform: none;
  }
}