.section-title{
      font-size:2.4rem;
      margin-bottom:5px;
      padding-top:12%;
      position:relative;
      display:inline-block;
    }

    .section-title::after{
      content:"";
      width:60%;
      height:4px;
      background:linear-gradient(to right,var(--blue),transparent);
      position:absolute;
      left:0;
      bottom:-8px;
      border-radius:20px;
    }

    .about p{
      color:var(--gray);
      line-height:1.9;
      margin-top:30px;
      font-size:1.05rem;
    }

    /* PROJETOS */


.projects-grid{
  margin-top:60px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:30px;
}

.project-card{
  background:#ffffff08;
  border:1px solid var(--border);
  border-radius:24px;
  overflow:hidden;
  transition:.4s;
  position:relative;
  backdrop-filter:blur(10px);
}

.project-card:hover{
  transform:translateY(-12px);
  border-color:#4f8cff73;
  box-shadow:0 20px 40px #00000059;
}

.project-image{
  overflow:hidden;
  height:220px;
}

.project-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.5s;
}

.project-card:hover img{
  transform:scale(1.08);
}

.project-content{
  padding:25px;
}

.project-content h3{
  margin-bottom:15px;
  font-size:1.3rem;
}

.project-content p{
  color:var(--gray);
  line-height:1.7;
  margin-bottom:20px;
}

.project-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:25px;
}

.project-tags span{
  background:#4f8cff1f;
  border:1px solid #4f8cff40;
  color:#9fc0ff;
  padding:8px 14px;
  border-radius:999px;
  font-size:.85rem;
}

.project-buttons{
  display:flex;
  gap:15px;
}

.project-buttons a{
  flex:1;
  text-align:center;
  padding:12px;
  border-radius:12px;
  text-decoration:none;
  color:#ffffff;
  font-weight:700;
  transition:.3s;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
}

.project-buttons a:hover{
  transform:translateY(-4px);
}


    /* SKILLS */

    .skills-grid{
      margin-top:60px;
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
      gap:25px;
    }

    .skill-card{
      background:#ffffff08;
      border:1px solid var(--border);
      border-radius:20px;
      padding:30px 20px;
      text-align:center;
      transition:.35s;
      position:relative;
      overflow:hidden;
    }

    .skill-card::before{
      content:"";
      position:absolute;
      width:100%;
      height:100%;
      background:linear-gradient(135deg, rgba(79,140,255,.1), transparent);
      left:-100%;
      top:0;
      transition:.5s;
    }

    .skill-card:hover::before{
      left:0;
    }

    .skill-card:hover{
      transform:translateY(-10px);
      border-color:#4f8cff80;
    }

    .skill-card img{
      width:60px;
      height:60px;
      margin-bottom:18px;
    }

    .skill-card h3{
      font-size:1rem;
    }