*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
body{
  margin:0; min-height:100vh; display:grid; place-items:center;
  background: #fff;
}
.card{
  width:min(420px,92vw);
  padding:28px 22px;
  text-align:center;
  border-radius:24px;
  background:#ffffff;
}
.lock{font-size:44px;margin-bottom:6px}
h1{
  margin:0 0 10px;
  color:#ff2f86;
  font-size:38px;
  font-weight:800;
}
.sub{
  margin:0 0 18px;
  color:#a45a74;
  font-size:18px;
  font-weight:600;
}
input{
  width:100%;
  height:62px;
  border-radius:999px;
  border:3px solid #ff4a9d;
  padding:0 18px;
  font-size:22px;
  outline:none;
}
input:focus{box-shadow:0 0 0 6px rgba(255,74,157,.15)}
button{
  width:100%;
  height:62px;
  margin-top:14px;
  border:none;
  border-radius:999px;
  background:linear-gradient(90deg,#ff1f7a,#ff7aa8);
  color:#fff;
  font-size:22px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 10px 25px rgba(255,31,122,.25);
}
.msg{min-height:22px;margin:12px 0 0;color:#d12b2b;font-weight:700}