Hay algunos problemitas en ese código
El primero, no cierra porque cambiaste la clase del botón "cerrar" por "entrar". Cuando ejecutas la función de jquery indicas que cuando se haga click en el elemento con clase "cerrar", se cierre el modal, al cambiar la clase obviamente deja de funcionar. Dos opciones para solucionarlo, volver a cambiar la clase en html y dejarlo como estaba, o cambiar el código jquery.
El sombreado aparece al 100% de la altura del navegador, si la ventana de tu modal genera un scroll, la sombra se corta (Estas usando mas del 100% del alto). Esto pasa porque tu ventana tiene un top de 90%.. le estas indicando que se posicione 90% debajo del borde superior del navegador, lo que hace que genere un scroll. Usa top: 10%.
Otro problema, el centrado. Para que que la ventana quede centrada en el navegador sin importar el ancho del dispositivo, se usa un margin-left del 50% y el left debe tener la mitad del valor del width de dicha ventana y en negativo. Es decir, si tu ventana tiene un width de 600px, el left debe ser de -300px. En mi ejemplo era de -150 porque la ventana principal ocupaba 300px.
Probá haciendo esas modificaciones.
Saludos
