body {
  background-color: #03080f !important;
  background-image:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(26,111,255,0.18) 0%, transparent 70%),
    linear-gradient(rgba(26,111,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(26,111,255,0.03) 1px, transparent 1px) !important;
  background-size: 100% 100%, 50px 50px, 50px 50px !important;
  min-height: 100vh;
}
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background:
    radial-gradient(circle 1px at 20% 30%, rgba(0,212,255,0.4) 0%, transparent 1px),
    radial-gradient(circle 1px at 80% 15%, rgba(26,111,255,0.5) 0%, transparent 1px),
    radial-gradient(circle 1px at 60% 70%, rgba(0,212,255,0.3) 0%, transparent 1px),
    radial-gradient(circle 2px at 10% 60%, rgba(26,111,255,0.25) 0%, transparent 2px);
  pointer-events: none;
  z-index: 0;
  animation: floatBg 20s ease-in-out infinite alternate;
}
@keyframes floatBg {
  0%   { opacity: 0.5; transform: translateY(0); }
  100% { opacity: 1;   transform: translateY(-8px); }
}
.navbar-brand img { max-height: 36px !important; width: auto !important; object-fit: contain !important; }
.navbar-brand { display: flex !important; align-items: center !important; gap: 10px !important; }
.card {
  background: rgba(6,15,30,0.92) !important;
  border: 1px solid rgba(26,111,255,0.25) !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 48px rgba(0,0,0,0.6) !important;
  position: relative; z-index: 1;
}
.navbar { background: rgba(3,8,15,0.97) !important; border-bottom: 1px solid rgba(26,111,255,0.2) !important; position: relative; z-index: 2; }