/* Подвал: звёздная пыль и горизонт планеты */

/* ——— футер ——— */
.foot {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.07);
}

.dust {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(100% + 240px);
  pointer-events: none;
  background-image: radial-gradient(1px 1px at 12px 18px,rgba(255,255,255,.9),transparent 60%),
    radial-gradient(1px 1px at 77px 64px,rgba(255,255,255,.6),transparent 60%),
    radial-gradient(1.4px 1.4px at 150px 30px,rgba(255,255,255,.85),transparent 60%),
    radial-gradient(1px 1px at 206px 102px,rgba(255,200,170,.8),transparent 60%),
    radial-gradient(1px 1px at 40px 120px,rgba(255,255,255,.5),transparent 60%);
  background-size: 240px 140px;
  opacity: .5;
  animation: drift 70s linear infinite;
  will-change: transform;
}

.dust.d2 {
  background-size: 240px 90px;
  opacity: .28;
  animation-duration: 150s;
}

@keyframes drift {
  to {
    transform: translate3d(-240px,0,0);
  }
}

.horizon {
  position: absolute;
  left: 50%;
  bottom: -1600px;
  width: 2400px;
  height: 1640px;
  margin-left: -1200px;
  border-radius: 50%;
  background: radial-gradient(closest-side,#050507 97%,rgba(255,255,255,0) 100%);
  box-shadow: 0 -1px 0 rgba(236,239,244,.35),
    0 -18px 50px -10px rgba(255,77,0,.28),
    0 -60px 120px -30px rgba(150,170,210,.12);
}

/* текст всегда выше вершины горизонта (40px от низа): нижний отступ 64px даже при переносе строк */
.foot-in {
  position: relative;
  min-height: 150px;
  padding-top: 32px;
  padding-bottom: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px 32px;
  font-size: 13.5px;
  color: #9A9FA8;
}

.foot-in > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px 28px;
}

.foot-a {
  color: #9A9FA8;
  text-decoration: none;
  transition: color .25s;
}

.foot-a:hover {
  color: #FFF;
}

.foot-brand {
  display: flex;
  align-items: center;
  gap: 14px;
}