body{
  margin:0;
  background:#eaeaea;
  display:flex;
  justify-content:center;
  align-items:center;
  height:100vh;
  font-family:Arial, sans-serif;
}

/* CONTENEDOR GENERAL */
.contenedor{
  width:400px;
  height:700px;
  background:#fff;
  border:2px solid #000;
  box-sizing:border-box;
  text-align:center;
  position:relative;
  overflow:hidden;
}

/* FONDO SUPERIOR AZUL CURVO */
.contenedor::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:220px;
  background:#9fe3ff;
  border-bottom-left-radius:50% 60px;
  border-bottom-right-radius:50% 60px;
}

/* LOGO */
img{
  width:140px;
  height:140px;
  border-radius:50%;
  margin:40px auto 20px;
  position:relative;
  z-index:2;
  background:#fff;
}

/* TITULO */
h1{
  font-size:22px;
  margin:20px 20px 30px;
  position:relative;
  z-index:2;
}

/* CAJA DEL FORMULARIO */
.form-box{
  background:#aee6ff;
  margin:0 30px;
  padding:25px 20px;
  border-radius:20px;
}

/* LABEL SIMULADO */
.form-box label{
  display:block;
  font-weight:bold;
  margin:10px 0 5px;
}

/* INPUTS */
input{
  width:100%;
  padding:12px;
  margin-bottom:15px;
  font-size:16px;
  border:none;
  border-radius:8px;
  box-sizing:border-box;
}

/* BOTÓN */
button{
  width:100%;
  padding:12px;
  font-size:14px;
  margin-top:15px;
  background:#000;
  color:#fff;
  border:none;
  cursor:pointer;
  border-radius:8px;
}