body {
  background-color: #081018;
  background-image:
    linear-gradient(115deg, rgba(5, 11, 18, .94) 0%, rgba(7, 17, 27, .84) 48%, rgba(7, 20, 32, .68) 100%),
    url('/branding/nexgen-ai-automotive-background.png');
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.login-shell {
  background-image:
    linear-gradient(115deg, rgba(5, 11, 18, .82), rgba(7, 20, 32, .54)),
    url('/branding/nexgen-ai-automotive-background.png');
  background-position: center;
  background-size: cover;
}

.app {
  background: linear-gradient(120deg, rgba(4, 10, 16, .32), rgba(6, 17, 27, .12));
}

.app aside {
  background-image:
    linear-gradient(90deg, rgba(6, 15, 24, .96) 0%, rgba(8, 23, 35, .88) 75%, rgba(17, 48, 66, .68) 100%),
    url('/branding/nexgen-ai-automotive-background.png');
  background-position: 72% center;
  background-size: auto 100%;
}

.content {
  background: linear-gradient(135deg, rgba(5, 12, 19, .48), rgba(7, 18, 29, .20));
}

.panel,
.metrics article {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

@media (max-width: 720px) {
  body,
  .login-shell {
    background-position: 62% center;
  }
}