*{
  box-sizing:border-box;
}

.recovery-public-body{
  min-height:100vh;
  margin:0;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 12% 18%,rgba(49,89,232,.09),transparent 32rem),
    radial-gradient(circle at 88% 72%,rgba(34,197,94,.06),transparent 30rem),
    #f5f7fb;
}

.recovery-public-main{
  width:100%;
  flex:1 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:56px 24px;
}

.recovery-public-surface{
  width:min(100%,520px);
  padding:38px 36px;
  border:1px solid #dfe6f2;
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 70px rgba(20,34,66,.12);
}

.recovery-public-surface .recovery-page{
  width:100%;
}

.recovery-public-surface .recovery-card{
  width:100%;
  max-width:none;
  margin:0;
}

@media(max-width:720px){
  .recovery-public-main{
    align-items:flex-start;
    padding:28px 16px;
  }

  .recovery-public-surface{
    padding:28px 20px;
    border-radius:18px;
  }
}

@media(prefers-color-scheme:dark){
  .recovery-public-body{
    background:#0f172a;
  }
}

/* MUNTIJI_PUBLIC_AUTH_R11D
   The governed public-auth layout owns recovery-page geometry.
*/
.recovery-public-body .recovery-public-main{
  min-height:calc(100vh - 150px);
}

.recovery-public-body .recovery-public-surface{
  width:min(100%,560px);
}

.recovery-public-body
.recovery-public-surface
.recovery-card{
  display:block !important;
}

.recovery-public-body
.recovery-public-surface
.recovery-card
.recovery-head{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:1fr !important;
  align-items:stretch !important;
  gap:12px !important;
  margin:0 0 28px !important;
  text-align:start !important;
}

.recovery-public-body
.recovery-public-surface
.recovery-head
.recovery-kicker{
  align-self:flex-start !important;
  width:auto !important;
  margin:0 !important;
  white-space:normal;
}

.recovery-public-body
.recovery-public-surface
.recovery-head h1{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  font-size:clamp(28px,4vw,38px) !important;
  line-height:1.25 !important;
  text-wrap:balance;
}

.recovery-public-body
.recovery-public-surface
.recovery-head p{
  width:100% !important;
  max-width:46ch !important;
  margin:0 !important;
  line-height:1.9 !important;
  text-wrap:pretty;
}

.recovery-public-body
.recovery-public-surface
.recovery-field{
  width:100%;
}

.recovery-public-body
.recovery-public-surface
.recovery-input,
.recovery-public-body
.recovery-public-surface
.recovery-btn{
  width:100%;
}

.recovery-public-body
.recovery-public-surface
.recovery-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
}

html[data-muntiji-color-mode="dark"]
.recovery-public-surface,
html[data-mui-theme="dark"]
.recovery-public-surface{
  background:#111827;
  border-color:#273449;
  color:#f8fafc;
}

@media(max-width:720px){
  .recovery-public-body .recovery-public-main{
    min-height:auto;
  }

  .recovery-public-body .recovery-public-surface{
    width:100%;
  }

  .recovery-public-body
  .recovery-public-surface
  .recovery-head h1{
    font-size:28px !important;
  }
}