.horizon-recovery{
  --hl-bg:#f6f7fb;
  --hl-card:#fff;
  --hl-border:#e3e7f0;
  --hl-text:#172033;
  --hl-muted:#68748a;
  --hl-blue:#5b3df5;
  display:block;
  color:var(--hl-text);
  background:var(--hl-bg)
}
.horizon-recovery .horizon-panel{
  min-height:100vh;
  background:
    radial-gradient(circle at 50% 0,rgb(91 61 245/.09),transparent 36%),
    linear-gradient(180deg,#fff 0,#f6f7fb 100%)
}
.horizon-recovery .horizon-card{
  max-width:440px;
  border-color:var(--hl-border);
  background:#fff;
  box-shadow:0 24px 60px rgb(33 42 68/.12)
}
.recovery-logo{display:flex}
.horizon-recovery .horizon-mobile-logo>span{
  background:linear-gradient(145deg,#694cff,#4021dd);
  box-shadow:0 10px 24px rgb(91 61 245/.24)
}
.horizon-recovery .horizon-mobile-logo strong,
.horizon-recovery .horizon-card h2{color:#172033}
.horizon-recovery .horizon-eyebrow{color:#6347e8}
.horizon-recovery .horizon-description{color:#68748a}
.horizon-recovery .horizon-fields label{color:#374158}
.horizon-recovery .horizon-field{
  border-color:#d9deea;
  color:#172033;
  background:#f8f9fc
}
.horizon-recovery .horizon-field:focus-within{
  border-color:#6547f5;
  background:#fff;
  box-shadow:0 0 0 3px rgb(91 61 245/.12)
}
.horizon-recovery .horizon-field>span,
.horizon-recovery .horizon-field button{color:#7a8497}
.horizon-recovery .horizon-field input{color:#172033}
.horizon-recovery .horizon-field input::placeholder{color:#98a1b2}
.horizon-recovery .horizon-submit{
  background:linear-gradient(105deg,#6a4cff,#4b32ed);
  box-shadow:0 13px 28px rgb(91 61 245/.22)
}
.horizon-recovery .horizon-submit:hover{
  box-shadow:0 17px 34px rgb(91 61 245/.3)
}
.horizon-back{
  display:block;
  margin-top:18px;
  color:#5b45cf;
  font-size:13px;
  font-weight:600;
  text-align:center;
  text-decoration:none
}
.horizon-back:hover{color:#4021bd}
.horizon-recovery .horizon-security{
  border-color:#e4e7ef;
  color:#7a8497;
  background:#f8f9fc
}
.horizon-recovery .horizon-security span{color:#5b3df5}
.horizon-recovery .form-error{
  border-color:#fecdd3;
  color:#be123c;
  background:#fff1f2
}
.horizon-notice{
  margin-top:20px;
  padding:14px;
  border:1px solid #bcebd9;
  border-radius:11px;
  color:#087456;
  background:#ecfdf5;
  font-size:13px;
  line-height:1.5
}
.horizon-complete{text-align:center}
.horizon-complete .recovery-logo{justify-content:center}
.horizon-success{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 20px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#10b981,#07845f);box-shadow:0 12px 28px rgb(16 185 129/.2);font-size:25px;font-weight:700}
.horizon-complete .horizon-description{max-width:310px;margin-right:auto;margin-left:auto}
.horizon-complete .horizon-submit{text-decoration:none}