/* Gradient Background */
.gradient-background {
  background: linear-gradient(300deg, #00bfff, #ff4c68, #ef8172);
  background-size: 180% 180%;
  animation: gradient-animation 18s ease infinite;
}

@keyframes gradient-animation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/* Profile Image */
.profile-img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
}


/* Name line */
.name-line {
  display: flex;
  align-items: center;
  gap: 10px;
}

.name-line span {
  font-size: 18px;
  opacity: 0.7;
}


/* Skills Section */
.skills-container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.skill-card {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: rgba(255,255,255,0.15);
  padding: 20px;
  border-radius: 15px;
  backdrop-filter: blur(10px);
  transition: 0.2s;
}

.skill-card:hover {
  transform: translateY(-5px);
}


/* Icon Box */
.icon-square {
  width: 60px;
  height: 60px;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 12px;
}