.registration-section{
  position:relative;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:140px 6% 80px;
  background:var(--moss-900);
  overflow:hidden;
}

.registration-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(22,30,25,0.55), rgba(22,30,25,0.85)),
    url('../images/lounge.jpg');
  background-size:cover;
  background-position:center;
  z-index:0;
}

.registration-box{
  position:relative;
  z-index:1;
  width:100%;
  max-width:1100px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--space-5);
  align-items:center;
}

.registration-left{
  color:var(--clay-100);
}

.registration-left .eyebrow{
  color:var(--clay-200);
}

.registration-left .eyebrow::before{
  background:var(--clay-200);
}

.registration-left h1{
  font-family:var(--font-display);
  font-size:clamp(38px,5vw,58px);
  font-weight:500;
  line-height:1.1;
  margin-bottom:var(--space-3);
}

.registration-left p{
  font-size:17px;
  line-height:1.75;
  color:rgba(237,230,214,0.8);
  margin-bottom:var(--space-4);
  max-width:42ch;
}

.registration-benefits{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.benefit{
  font-size:14px;
  color:rgba(237,230,214,0.85);
  padding-left:18px;
  position:relative;
}

.benefit::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:8px;
  height:1px;
  background:var(--copper);
}

.registration-right{
  width:100%;
}

.registration-form{
  padding:var(--space-4);
}

@media (max-width:900px){
  .registration-box{
    grid-template-columns:1fr;
  }

  .registration-left{
    text-align:center;
  }

  .registration-left p{
    margin:0 auto var(--space-4);
  }

  .registration-benefits{
    align-items:center;
  }

  .benefit{
    padding-left:0;
  }

  .benefit::before{
    display:none;
  }
}