body {
  font-family: 'Inter', sans-serif;
  background-color: #fbf9f6; /* Светло-бежевый фон */
}
.checkerboard-bg {
  background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(-45deg, #e0e0e0 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #e0e0e0 75%),
    linear-gradient(-45deg, transparent 75%, #e0e0e0 75%);
  background-size: 20px 20px;
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-color: #f5f5f5;
}
.main-gradient-text {
  background: -webkit-linear-gradient(
    45deg,
    #86a8e7,
    #91eae4
  ); /* Нежный голубой градиент */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-gradient-bg {
  background-image: linear-gradient(
    to right,
    #86a8e7,
    #91eae4
  ); /* Нежный голубой градиент */
}
/* Стили для эффекта подчеркивания в навигации */
.nav-link {
  position: relative;
  padding-bottom: 6px; /* Немного места для линии */
}
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-image: linear-gradient(to right, #86a8e7, #91eae4);
  transition: width 0.3s ease-in-out;
}
.nav-link:hover::after {
  width: 100%;
}