/* SingelMatch – polished password recovery layout 2026-09-28
   Scoped only to forgot/reset password pages. */

.auth-reset-body{
  min-height:100vh;
  margin:0;
  background:
    radial-gradient(circle at 50% 10%, rgba(102,0,35,.22), transparent 34%),
    #080507;
  color:#fff;
  overflow-x:hidden;
}

.auth-reset-shell{
  width:min(calc(100% - 32px), 620px);
  min-height:100vh;
  margin:0 auto;
  padding:24px 0 32px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

/* Logo */
.auth-reset-brand.sm-auth-image-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  margin:0 auto 18px !important;
  padding:0 !important;
  text-decoration:none !important;
}
.auth-reset-brand.sm-auth-image-brand img{
  display:block !important;
  width:auto !important;
  height:46px !important;
  max-width:255px !important;
  max-height:46px !important;
  object-fit:contain !important;
  margin:0 !important;
}

/* Restore the premium card independently of global .card rules */
.auth-reset-card{
  position:relative;
  width:100% !important;
  max-width:520px;
  box-sizing:border-box;
  margin:0 auto !important;
  padding:30px 30px 28px !important;
  border:1px solid rgba(255,70,125,.30) !important;
  border-radius:24px !important;
  background:
    linear-gradient(145deg, rgba(47,17,29,.96), rgba(25,11,18,.98)) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.025) !important;
}

.auth-reset-card .eyebrow{
  margin:0 0 8px;
  color:#ff4f87;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
}

.auth-reset-card h1{
  margin:0 0 12px !important;
  font-size:36px !important;
  line-height:1.08 !important;
  letter-spacing:-1.1px;
}

.auth-reset-lead{
  margin:0 0 22px !important;
  color:#dfcbd2;
  font-size:16px;
  line-height:1.45;
}

.auth-reset-card form{
  display:grid;
  gap:16px;
}

.auth-reset-card label{
  display:grid;
  gap:7px;
  width:100%;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.auth-reset-card input{
  display:block;
  width:100% !important;
  min-width:0;
  height:48px;
  box-sizing:border-box;
  padding:0 14px !important;
  border:1px solid rgba(255,95,145,.38) !important;
  border-radius:12px !important;
  background:#10090d !important;
  color:#fff !important;
  font:inherit;
  outline:none;
}

.auth-reset-card input:focus{
  border-color:#ff3475 !important;
  box-shadow:0 0 0 3px rgba(255,52,117,.13);
}

.auth-reset-card .btn.full{
  width:100% !important;
  min-height:49px;
  margin:2px 0 0 !important;
  border-radius:12px !important;
  font-weight:850;
}

.auth-reset-card .status{
  margin-top:14px;
}

.auth-reset-foot{
  margin:24px 0 0 !important;
}
.auth-reset-foot a{
  color:#ff5a8f !important;
  font-weight:750;
  text-decoration:none;
}
.auth-reset-foot a:hover{
  text-decoration:underline;
}

@media (max-height:760px) and (min-width:601px){
  .auth-reset-shell{
    justify-content:flex-start;
    padding-top:18px;
    padding-bottom:18px;
  }
  .auth-reset-brand.sm-auth-image-brand{
    margin-bottom:12px !important;
  }
  .auth-reset-brand.sm-auth-image-brand img{
    height:38px !important;
    max-height:38px !important;
    max-width:220px !important;
  }
  .auth-reset-card{
    padding:24px 28px !important;
  }
  .auth-reset-card h1{
    font-size:32px !important;
  }
  .auth-reset-lead{
    margin-bottom:16px !important;
  }
  .auth-reset-foot{
    margin-top:18px !important;
  }
}

@media (max-width:600px){
  .auth-reset-shell{
    width:min(calc(100% - 24px), 520px);
    justify-content:flex-start;
    padding-top:18px;
    padding-bottom:24px;
  }
  .auth-reset-brand.sm-auth-image-brand{
    margin-bottom:14px !important;
  }
  .auth-reset-brand.sm-auth-image-brand img{
    height:39px !important;
    max-height:39px !important;
    max-width:215px !important;
  }
  .auth-reset-card{
    padding:24px 20px 22px !important;
    border-radius:20px !important;
  }
  .auth-reset-card h1{
    font-size:30px !important;
  }
  .auth-reset-lead{
    font-size:15px;
  }
}