/* Professional dark look. If a rule has no effect after an update, inspect the element

   (right-click > Inspect) and adjust the selector: class names can change between versions. */


:root {

  --accent: #38bdf8;

  --accent-soft: rgba(56, 189, 248, 0.14);

  --border: rgba(148, 163, 184, 0.18);

}


html, body {

  font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

}


body, #page_wrapper {

  background:

    radial-gradient(1100px 600px at 10% -10%, rgba(56, 189, 248, 0.14), transparent 60%),

    radial-gradient(900px 500px at 95% 0%, rgba(99, 102, 241, 0.14), transparent 55%),

    #0b1220 !important;

  background-attachment: fixed !important;

}


/* Group headings */

.service-group-name,

.bookmark-group-name {

  font-size: 0.8rem !important;

  font-weight: 700 !important;

  letter-spacing: 0.14em;

  text-transform: uppercase;

  color: var(--accent) !important;

}


/* Cards */

.service-card,

.bookmark {

  border: 1px solid var(--border) !important;

  border-radius: 14px !important;

  background: rgba(15, 23, 42, 0.55) !important;

  box-shadow: 0 6px 24px rgba(2, 6, 23, 0.35);

  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;

}


.service-card:hover,

.bookmark:hover {

  transform: translateY(-3px);

  border-color: var(--accent) !important;

  box-shadow: 0 10px 30px rgba(56, 189, 248, 0.18);

}


.service-name {

  font-weight: 650 !important;

  letter-spacing: 0.01em;

}


.service-description {

  opacity: 0.7;

  font-size: 0.8rem !important;

}


/* Top widgets */

#information-widgets {

  padding: 0.4rem 0.2rem;

}


/* Search box */

input[type="text"] {

  border-radius: 12px !important;

}


/* Footer / version noise */

#version {

  display: none;

}