:root{
  --brand:#007BD4;
}

body{
  background:#f3f6fa;
}

.card{
  background:#ffffff;
  border-radius:18px;
  padding:40px;
  box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.input{
  width:100%;
  padding:14px 16px;
  border-radius:12px;
  border:1px solid #e2e8f0;
  transition:.2s;
}

.input:focus{
  outline:none;
  border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(0,123,212,.15);
}

.label{
  font-weight:600;
  font-size:14px;
  margin-bottom:6px;
  display:block;
}

.required{
  color:#e11d48;
}

.btn{
  background:var(--brand);
  color:#fff;
  padding:14px 32px;
  border-radius:14px;
  font-weight:600;
  transition:.2s;
}

.btn:hover{
  background:#0066b3;
}