.ht-main{
  height: calc(100vh - var(--header-h) - var(--footer-h));
  overflow:auto;
  padding: 80px 30px 30px;
}

.ht-wrap{
  max-width: 1400px;
  margin: auto;
}

.ht-fixed-module{
  position: fixed;
  top: calc(var(--header-h) + 8px);
  left: 20px;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  z-index:999;
}

.ht-module-ico{
  width:42px;
}

.ht-fixed-back{
  position: fixed;
  top: calc(var(--header-h) + 10px);
  right: 20px;
  background: linear-gradient(90deg,var(--c1),var(--c2),var(--c3));
  color:#062013;
  padding:10px 16px;
  border-radius:999px;
  font-weight:900;
  text-decoration:none;
}

.ht-pagehead{
  text-align:center;
  margin-bottom:30px;
}

.ht-pagehead h1{
  font-size: clamp(34px,4vw,64px);
}

.ht-accent-line{
  width:220px;
  height:4px;
  margin:12px auto;
  border-radius:999px;
  background: linear-gradient(90deg,var(--c1),var(--c2),var(--c3));
}

.ht-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
}

.ht-panel{
  background: rgba(255,255,255,.06);
  border-radius:24px;
  padding:20px;
}

.ht-panel-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  align-items:center;
}

.ht-img{
  width:100%;
  border-radius:18px;
}

.ht-panel h2{
  margin-bottom:12px;
}

.ht-panel ul{
  list-style:none;
  display:grid;
  gap:10px;
}

.ht-panel li::before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
  margin-right:10px;
  background: linear-gradient(90deg,var(--c1),var(--c2),var(--c3));
}

@media(max-width:1000px){
  .ht-panels{grid-template-columns:1fr;}
  .ht-panel-inner{grid-template-columns:1fr;}
}