body{align-items:center!important;padding-top:90px!important;padding-bottom:40px!important;min-height:100vh!important;min-height:100svh!important;box-sizing:border-box}
/* the 90px above was meant to vertically center the card against a tall
   desktop viewport - but body was never a flex container, so it just
   sat there as dead space. On a phone, where the card is nearly the
   height of the screen anyway, it read as a big empty gap above the
   logo. Keep it for desktop; cut it down to a normal top margin on
   mobile. */
@media(max-width:640px){body{padding-top:20px!important}}