:root {
  --warp10-bg: url("/assets/warp10-background-blurred.jpg");
}

body {
  background: #0b0f14 var(--warp10-bg) center / cover fixed no-repeat;
}

.layout-container {
  background: rgba(10, 12, 16, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px);
}

.layout-container a {
  text-decoration: none;
}

.layout-container a:hover {
  text-decoration: underline;
}