body.page-login{
  min-height:100vh;
  display:grid;
  grid-template-rows:1fr auto;
  padding:24px;
}

/* Card */
body.page-login .auth-card{
  width:min(460px,100%);
  background:rgba(255,255,255,0.94);
  border-radius:14px;
  padding:28px 28px 22px;
  box-shadow:0 14px 40px rgba(0,0,0,0.18);
  display:flex;
  flex-direction:column;
  gap:14px;
  place-self:center;
}

/* Stabilumas: kad nešokinėtų tarp email/code */
body.page-login .flash{
  min-height:22px;
  text-align:center;
  font-size:15px;
  font-weight:600;
  color:#b00020;
}

body.page-login .auth-title{
  margin:0;
  text-align:center;
  font-size:18px;
  font-weight:650;
}

/* Forma: tarpai valdomi per gap (be <p> margin’ų) */
body.page-login .auth-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

/* <p> wrapperiai neturi įtakos išdėstymui */
body.page-login .auth-form p{
  margin:0;
  display:contents;
}

body.page-login input[type="email"],
body.page-login input[name="code"]{
  padding:10px 12px;
  font-size:14px;
  border:1px solid rgba(0,0,0,0.18);
  border-radius:8px;
  outline:none;
}

body.page-login input[type="email"]{
  width:100%;
}

body.page-login input[name="code"]{
  width:26ch;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  font-weight:600;
  letter-spacing:4px;
}

body.page-login button{
  width:50%;
  display:block;
  margin-left:auto;
  margin-right:auto;
  padding:10px 12px;
  font-size:14px;
  font-weight:650;
  border:0;
  border-radius:999px;
  cursor:pointer;
  background:#1f3c88;
  color:#fff;
}

body.page-login button:hover{
  filter:brightness(0.95);
}