/* General Styles */
body {
  scroll-behavior: smooth;
  font-family: Arial, sans-serif;
}

/* Hero Section */
.hero {
  background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
              url('https://picsum.photos/1600/900?tech') center/cover no-repeat;
  height: 100vh;
  color: #fff;
}

.hero h1 {
  font-weight: bold;
  animation: fadeInDown 2s;
}

.hero p {
  animation: fadeInUp 2s;
}

/* Animations */
@keyframes fadeInDown {
  from { opacity: 0; transform: translateY(-50px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(50px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Card hover effect */
.card:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
}