*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 75% 10%,rgba(91,26,165,.25),transparent 30%),#090011;font-family:Inter,sans-serif}.recovery-shell{width:min(460px,calc(100% - 28px))}.recovery-logo{display:inline-flex;margin-bottom:20px;color:#fff;font:700 27px Inter;text-decoration:none}.recovery-logo em{color:#b987ff;font-style:normal}.recovery-shell section{padding:28px;border:1px solid rgba(185,135,255,.22);border-radius:17px;background:linear-gradient(145deg,rgba(51,11,94,.34),rgba(15,2,27,.92));box-shadow:0 30px 80px rgba(0,0,0,.35)}section>span{color:#9b76c2;font-size:9px;letter-spacing:1.4px}h1{margin:7px 0;font:600 22px Inter}p{margin:0 0 18px;color:#8e8294;font-size:12px;line-height:1.5}form label{display:grid;gap:6px;margin-top:12px;color:#998ca0;font-size:10px}input{height:46px;padding:0 12px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9px;outline:0;background:#10021a}button{width:100%;height:44px;margin-top:16px;border:0;border-radius:9px;color:#32005b;background:#fff;font-weight:700}.recovery-message,.local-reset{margin:13px 0;padding:11px;border:1px solid rgba(83,220,143,.22);border-radius:9px;color:#83e8ae;background:rgba(32,155,87,.09);font-size:11px}.recovery-message.error{color:#f397aa;border-color:rgba(240,72,108,.22);background:rgba(168,28,59,.09)}.local-reset{display:grid;gap:5px;color:#bfa7d1;border-color:rgba(185,135,255,.2);background:rgba(75,13,165,.08)}.local-reset small{font-size:7px}.local-reset a{color:#d2adfb}.back-login{display:block;margin-top:16px;color:#aa94b8;font-size:11px;text-decoration:none}@media(max-width:500px){.recovery-shell section{padding:21px}}

/* Supplied 4Tzar artwork for password recovery. */
.recovery-logo {
  position: relative;
  width: 114px;
  height: 64px;
  font-size: 0;
  background: url("../images/logo.png") left center / contain no-repeat;
  filter: drop-shadow(0 0 11px rgba(185,135,255,.22));
}
.recovery-logo > * {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (max-width: 500px) {
  .recovery-logo { width: 100px; height: 56px; }
}