/*  Auth pages only Login and Register*/

/* layout */

.auth-wrapper{
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  padding-top:8vh;
  padding-left:1rem;
  padding-right:1rem;
}

.auth-card{
  width:100%;
  max-width:400px;
  padding:2.5rem 2rem;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(4px);
  border-radius:1rem;
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  animation:fade-in .4s ease-out;
}

@keyframes fade-in{
  from{opacity:0;transform:translateY(12px);}
  to  {opacity:1;transform:translateY(0);}
}

.auth-card .btn-primary{
  width:100%;
  padding:.75rem;
}


/* auth text */
.auth-card h2{
  font-size:1.75rem;
  margin-bottom:.75rem;
  text-align:center;
}
.auth-card .subtitle,
.auth-card h3{
  font-size:1.15rem;
  margin-bottom:1.5rem;
  text-align:center;
  font-weight:600;
}

.auth-card input[type=number]{ max-width:180px; }

/* footer links */

.auth-footer{
  margin-top:1.25rem;
  text-align:center;
  font-size:.95rem;
}
.auth-footer a{ font-weight:600; }

.auth-card .btn-primary{
  width: 100%;
  margin-top: 1rem;
}

.auth-card input[type=number]{
  max-width: 100px;
}