body {
  height: 100vh;
  font-family: 'Inter', sans-serif;
  background: #000814;  /* deep navy-black */
  color: var(--text);
  overflow: hidden;
  background-image: 
    radial-gradient(circle at 25% 15%, rgba(100, 150, 255, 0.08) 0%, transparent 50%),
    radial-gradient(circle at 75% 80%, rgba(200, 100, 255, 0.06) 0%, transparent 60%),
    url('https://images.unsplash.com/photo-1462331940025-496dfbfc7564?q=80&w=2071&auto=format&fit=crop'); /* subtle starry nebula - or find darker one */
  background-size: 200% 200%, 180% 180%, cover;
  background-position: 0% 0%, 100% 100%, center;
  animation: 
    drift-nebula 240s linear infinite,
 img {
    height: 40px;
    width: 40px;
}   drift-stars 360s linear infinite reverse;
}
@media (max-height: 600px) {
  .avatar { width: 140px; height: 140px; }
  h1 { font-size: 3rem; }
  .socials { margin-top: 1rem; gap: 1.5rem; }
}

@keyframes drift-nebula {
  0%   { background-position: 0% 0%, 100% 100%, center; }
  100% { background-position: 200% 200%, -80% -80%, center; }
}

@keyframes drift-stars {
  0%   { background-position: 0% 0%, 100% 100%, center; }
  100% { background-position: -150% -150%, 250% 250%, center; }
}