.cr-wrap{
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 16px;
  background:#edf2ff;
}
.cr-card{
  width:100%;
  max-width:380px;
  background:transparent;
  border-radius:10px;
  padding:26px;
  box-shadow:0 8px 30px rgba(0,0,0,.08);
}
.cr-logo{display:flex;justify-content:center;margin-bottom:16px;}
.cr-logo img{max-width:220px;height:auto;display:block;}
.cr-error{
  border-left:4px solid #d63638;
  background:#fcf0f1;
  padding:12px;
  margin:0 0 16px 0;
  border-radius:6px;
  color:#1d2327;
  font-size:14px;
  line-height:1.35;
}
.cr-error p{margin:6px 0;}
.cr-field{margin:0 0 14px 0;}
.cr-field label{display:block;font-size:14px;margin-bottom:6px;color:#1d2327;}
.cr-field input{
  width:100%;
  padding:10px 12px;
  border:1px solid #c3c4c7;
  border-radius:6px;
  font-size:14px;
  outline:none;
  box-sizing:border-box;
}
.cr-field input:focus{
  border-color:#2271b1;
  box-shadow:0 0 0 3px rgba(34,113,177,.15);
}
.cr-hint{margin:6px 0 16px 0;font-size:13px;color:#50575e;}
.cr-btn{
  width:100%;
  padding:12px 14px;
  border:0;
  border-radius:6px;
  background:#0071ff;
  color:#fff;
  font-size:15px;
  cursor:pointer;
}
.cr-btn:hover{filter:brightness(.95);}
.cr-nav{margin-top:14px;text-align:center;font-size:14px;}
.cr-nav a{color:#2271b1;text-decoration:none;}
.cr-nav a:hover{text-decoration:underline;}