/* styles.css
   File ini buat sedikit kustomisasi kecil (tidak menggantikan Tailwind).
*/

html, body {
  scroll-behavior: smooth;
}

/* subtle card hover scale */
.projectCard:hover {
  transform: translateY(-6px);
}

/* ensure hero floating stats overlap looks good on small screens */
@media (max-width: 768px) {
  #hero .absolute > div {
    position: static;
    transform: none;
    margin-top: 12px;
  }
}

/* tiny utility for a softer scale than default */
.scale-102 {
  transform: scale(1.02);
}