/* Aurora Glass � bolkodev */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");

:root {
  --aurora-1: rgba(124, 58, 237, 0.55);
  --aurora-2: rgba(34, 211, 238, 0.45);
  --aurora-3: rgba(244, 114, 182, 0.35);
  --glass: rgba(255, 255, 255, 0.06);
  --glass-strong: rgba(255, 255, 255, 0.10);
  --stroke: rgba(255, 255, 255, 0.10);
  --stroke-strong: rgba(255, 255, 255, 0.18);
}

html, body {
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(900px 500px at 15% 10%, var(--aurora-2), transparent 55%),
    radial-gradient(900px 500px at 85% 20%, var(--aurora-1), transparent 60%),
    radial-gradient(900px 600px at 50% 90%, var(--aurora-3), transparent 60%);
  opacity: 0.22;
  filter: blur(2px);
}

/* Featured cards (target cez service id z services.yaml) */
#svc-homepage,
#svc-portainer,
#svc-minio-console,
#svc-owncloud {
  background: linear-gradient(180deg, var(--glass-strong), var(--glass)) !important;
  border: 1px solid var(--stroke-strong) !important;
  box-shadow:
    0 10px 35px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(255,255,255,0.04) inset !important;
  backdrop-filter: blur(14px) saturate(140%);
}

#svc-homepage:hover,
#svc-portainer:hover,
#svc-minio-console:hover,
#svc-owncloud:hover {
  border-color: rgba(255,255,255,0.30) !important;
  transform: translateY(-1px);
}

/* Media �neon ring� */
#svc-immich {
  background: linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.04)) !important;
  border: 1px solid rgba(244,114,182,0.20) !important;
  box-shadow: 0 0 0 1px rgba(244,114,182,0.08) inset, 0 14px 45px rgba(0,0,0,0.28) !important;
}

* {
  transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}