.qfd-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  padding:24px 14px;
  box-sizing:border-box;
}
.qfd-card{
  width:min(440px,100%);
  padding:34px 34px 28px;
  border-radius:22px;
  border-top:7px solid #f47b20;
  background:rgba(85,166,222,.58);
  box-shadow:0 16px 45px rgba(0,50,100,.20);
  color:#fff;
  box-sizing:border-box;
}
.qfd-card h2{
  margin:0 0 25px;
  text-align:center;
  font-size:30px;
  line-height:1.2;
  font-weight:700;
}
.qfd-field{margin:0 0 18px}
.qfd-field label{
  display:block;
  margin:0 0 7px;
  color:#fff;
  font-size:18px;
  font-weight:700;
}
.qfd-info{
  display:inline-flex;
  width:21px;
  height:21px;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  border-radius:50%;
  font-size:13px;
  font-weight:700;
}
.qfd-field input{
  width:100%;
  height:52px;
  border:0;
  border-radius:12px;
  padding:0 15px;
  background:#fff;
  color:#777;
  font-size:16px;
  box-sizing:border-box;
}
.qfd-field input::placeholder{color:#a7abb0}
.qfd-field input:disabled{opacity:1;cursor:not-allowed}
.qfd-password{position:relative}
.qfd-password input{padding-right:50px}
.qfd-eye{
  position:absolute;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  color:#777;
  font-size:21px;
  opacity:.75;
}
.qfd-forgot{
  display:block;
  margin:2px 0 22px;
  text-align:right;
  color:#fff;
  text-decoration:underline;
  font-size:13px;
  font-weight:600;
}
.qfd-submit{
  width:100%;
  height:50px;
  border:0;
  border-radius:28px;
  background:#f2f3f4;
  color:#a8acb0;
  font-size:18px;
  font-weight:700;
}
.qfd-submit:disabled{opacity:1}
.qfd-note{
  margin-top:14px;
  padding:9px 11px;
  border-radius:8px;
  background:rgba(0,0,0,.16);
  color:#fff;
  font-size:11px;
  line-height:1.45;
}
@media(max-width:480px){
  .qfd-card{padding:28px 22px 24px;border-radius:20px}
  .qfd-card h2{font-size:28px}
  .qfd-field label{font-size:17px}
  .qfd-field input{height:50px;font-size:15px}
}