.login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 20% 10%,#e8f0fe,transparent 30%),
    radial-gradient(circle at 80% 20%,#fce8e6,transparent 26%),
    linear-gradient(135deg,#fff,#f8fafd);
}
.login-card{
  width:min(390px,100%);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(18px);
  border:1px solid rgba(218,220,224,.8);
  border-radius:32px;
  padding:38px;
  text-align:center;
  box-shadow:0 28px 80px rgba(60,64,67,.18);
  animation:rise .55s ease both;
}
.login-card .mark{
  margin:0 auto 20px;
}
.login-card h1{
  margin:0;
  font-size:38px;
  letter-spacing:-1px;
}
.login-card p{
  color:var(--sub);
  margin:12px 0 26px;
}
.login-card small{
  display:block;
  color:#80868b;
  margin-top:22px;
}
@keyframes rise{
  from{opacity:0;transform:translateY(16px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}