:root{
  --forest:#043b2a;
  --deep:#032b20;
  --lime:#b6fa18;
  --ink:#153c2b;
  --muted:#81948a;
  --line:#dce8df;
}
*{box-sizing:border-box}
body{margin:0;font-family:Poppins,Tajawal,system-ui,sans-serif;color:var(--ink)}
button,input{font:inherit}
.recovery-shell{
  min-height:100dvh;
  display:grid;
  grid-template-columns:1fr 1fr;
}
.recovery-story{
  position:relative;
  display:flex;
  flex-direction:column;
  padding:50px clamp(35px,5vw,90px);
  background:linear-gradient(145deg,var(--deep),#09543b);
  color:#fff;
  overflow:hidden;
}
.recovery-brand{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  text-decoration:none;
  color:#fff;
  font-size:24px;
  font-weight:700;
}
.recovery-brand img{
  display:block;
  width:auto;
  height:auto;
  max-width:240px;
  max-height:70px;
  object-fit:contain;
}
.recovery-intro{
  margin:auto 0;
  position:relative;
  z-index:1;
}
.recovery-eyebrow{
  font-size:11px;
  letter-spacing:2px;
  color:#b5d8c0;
  text-transform:uppercase;
}
.recovery-eyebrow:before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  background:var(--lime);
  border-radius:50%;
  margin-inline-end:10px;
}
.recovery-intro h2{
  font-size:clamp(35px,4vw,57px);
  line-height:1.18;
  letter-spacing:-1.8px;
  max-width:570px;
  margin:25px 0;
  font-weight:650;
}
.recovery-intro p{
  color:#b8d3c5;
  max-width:410px;
  line-height:1.9;
  font-size:14px;
}
.recovery-decoration{
  position:absolute;
  width:430px;
  height:430px;
  border:1px solid #90d2a033;
  border-radius:95px;
  transform:rotate(-30deg);
  bottom:-230px;
  inset-inline-end:-90px;
}
.recovery-decoration:after{
  content:"";
  position:absolute;
  inset:55px;
  border:1px solid #b6fa1855;
  border-radius:75px;
}
.recovery-story-foot{
  font-size:11px;
  color:#8eae9e;
  position:relative;
  z-index:1;
}
.recovery-panel{
  min-width:0;
  display:flex;
  flex-direction:column;
  background:#f8faf7;
  padding:38px clamp(26px,5vw,85px);
}
.recovery-panel-top{
  display:flex;
  justify-content:flex-end;
  font-size:11px;
  color:#6e897b;
}
.recovery-card{
  width:100%;
  max-width:435px;
  margin:auto;
  padding:42px 0;
}
.recovery-mobile-brand{display:none}
.recovery-kicker{
  color:#698a75;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1.5px;
}
.recovery-card h1{
  font-size:clamp(29px,3vw,40px);
  letter-spacing:-1.3px;
  line-height:1.3;
  margin:13px 0 11px;
  font-weight:700;
}
.recovery-description{
  font-size:13px;
  color:#809389;
  line-height:1.9;
  margin:0 0 35px;
}
.recovery-field{margin-bottom:22px}
.recovery-field label{
  display:block;
  font-size:12px;
  font-weight:650;
  margin-bottom:10px;
}
.recovery-field input{
  display:block;
  width:100%;
  height:54px;
  padding:12px 15px;
  border:1px solid var(--line);
  border-radius:12px;
  outline:0;
  background:#fff;
  color:var(--ink);
  font-size:13px;
}
.recovery-field input:focus{
  border-color:#70a87d;
  box-shadow:0 0 0 4px #83b98920;
}
.recovery-field input::placeholder{color:#a2b0a6}
.recovery-submit{
  display:block;
  width:100%;
  min-height:53px;
  border:0;
  border-radius:12px;
  background:var(--forest);
  color:#fff;
  font-weight:650;
  font-size:13px;
  cursor:pointer;
  margin-top:27px;
}
.recovery-submit:hover{background:#096044}
.recovery-back{
  display:inline-flex;
  margin-top:26px;
  color:#376e50;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.recovery-back:hover{text-decoration:underline}
.recovery-error{
  margin-top:8px;
  font-size:11px;
  color:#b04037;
  line-height:1.6;
}
.recovery-status{
  padding:15px;
  background:#eaf6e9;
  border:1px solid #c8e3ca;
  color:#24623d;
  border-radius:12px;
  margin-bottom:22px;
  font-size:12px;
  line-height:1.8;
}
.recovery-note{
  margin-top:28px;
  font-size:11px;
  color:#9aaba0;
  line-height:1.8;
}
[dir=rtl] .recovery-shell{font-family:Tajawal,Poppins,sans-serif}
[dir=rtl] .recovery-intro h2{letter-spacing:0}
[dir=rtl] .recovery-kicker{letter-spacing:0}
@media(max-width:800px){
  .recovery-shell{display:block}
  .recovery-story{display:none}
  .recovery-panel{min-height:100dvh;padding:25px}
  .recovery-card{padding:55px 0}
  .recovery-mobile-brand{
    display:flex;
    align-items:center;
    margin-bottom:55px;
    text-decoration:none;
    color:var(--forest);
    font-weight:700;
  }
  .recovery-mobile-brand img{
    max-width:210px;
    max-height:58px;
    object-fit:contain;
  }
}


/* RECOVERY_LANG_C7 */
.recovery-panel-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.recovery-languages {
    display: flex;
    align-items: center;
    gap: 5px;
    direction: ltr;
}

.recovery-languages form {
    margin: 0;
}

.recovery-language {
    min-width: 39px;
    height: 35px;
    padding: 0 8px;
    border: 1px solid #dce8df;
    border-radius: 9px;
    background: #fff;
    color: #638070;
    font-size: 11px;
    font-weight: 650;
    cursor: pointer;
}

.recovery-language:hover {
    border-color: #78aa85;
    color: #174c34;
}

.recovery-language[aria-current="true"] {
    background: #e7f3e5;
    color: #155537;
    border-color: #98bf9b;
}

.recovery-language:focus-visible {
    outline: 3px solid #9bc85d;
    outline-offset: 3px;
}

[dir="rtl"] .recovery-panel-top {
    flex-direction: row;
}

@media(max-width:800px) {
    .recovery-panel-top {
        justify-content: space-between;
        gap: 10px;
    }

    .recovery-panel-top > span {
        font-size: 10px;
        max-width: 180px;
    }
}