body {
  background: radial-gradient(circle at top left, #141414, #000000);
  color: #eee;
  font-size: 18px;
}
.heading {
  font-size: 64px;
  letter-spacing: 4px;
  text-transform: uppercase;
  line-height: 96px;
}
.button {
  transition: transform 0.2s ease-in-out;
}
.button:hover {
  transform: scale(1.05);
}
.bio { font-size: 1.2rem; font-weight: 400; }
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}
.container .column {
  animation: fadeInUp 0.6s ease-out both;
}
.gradient-background-animated {
  background: #000000;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.gradient-background-animated::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 20% 20%, 
    #2d2d2d 0%, 
    #1a1a1a 25%, 
    #000000 50%, 
    #000000 100%
  );
  animation: gradientShift 15s ease-in-out infinite;
}

@keyframes gradientShift {
  0% { transform: scale(1); }
  50% { transform: scale(1.5); }
  100% { transform: scale(1); }
}

@media (max-width: 768px) {
  .gradient-background-animated::before {
    background: radial-gradient(circle at 20% 20%, 
      #4d4d4d 0%, 
      #3a3a3a 15%, 
      #2a2a2a 30%, 
      #1a1a1a 45%, 
      #000000 60%
    );
  }
}