.registration{
  background:rgba(7,20,43,.9);
}

.registration__container{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:4rem;
}

.registration__form{
  padding:2rem;
  display:grid;
  gap:1.2rem;
  background:linear-gradient(135deg,#07142b,#102c5c,#1a237e);
  border:1px solid rgba(79,195,255,.3);
  border-radius:20px;
  box-shadow:0 0 30px rgba(79,195,255,.2);
}

.registration__form input,
.registration__form select{
  width:100%;
  padding:14px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(79,195,255,.3);
  border-radius:10px;
  outline:none;
}

.registration__form input::placeholder{
  color:#b8cbea;
}

.registration__form select{
  color:#b8cbea;
}

@media(max-width:768px){
  .registration__container{
    grid-template-columns:1fr;
  }
}