/* =====================================================
   SCHOLAR+ FORGOT / RESET PASSWORD
   ===================================================== */

.forgot-wrapper{
  width:100%;
  min-height:100vh;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:40px 20px;

  background:
    radial-gradient(
      circle at 20% 20%,
      rgba(108,99,255,.16),
      transparent 35%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(139,92,246,.12),
      transparent 35%
    ),
    #07122F;

  box-sizing:border-box;
}


/* =====================================================
   CARD
   ===================================================== */

.forgot-card{

  width:100%;
  max-width:520px;

  background:rgba(15,23,42,.96);

  border:1px solid rgba(255,255,255,.08);

  border-radius:24px;

  padding:48px;

  box-sizing:border-box;

  box-shadow:
    0 25px 70px rgba(0,0,0,.35);

}


/* =====================================================
   LOGO
   ===================================================== */

.forgot-card h2{

  margin:0 0 12px;

  font-size:34px;

  font-weight:700;

  color:#ffffff;

  letter-spacing:-.5px;

}

.forgot-card h2 span{

  color:#6C63FF;

}


/* =====================================================
   TITLE
   ===================================================== */

.forgot-card h1{

  margin:0 0 10px;

  font-size:36px;

  line-height:1.25;

  font-weight:700;

  color:#ffffff;

}

.forgot-card > p{

  margin:0 0 30px;

  color:#AAB4C8;

  font-size:15px;

  line-height:1.7;

}


/* =====================================================
   FORM
   ===================================================== */

.form-group{

  margin-bottom:20px;

}

.form-group label{

  display:block;

  margin-bottom:9px;

  color:#ffffff;

  font-size:14px;

  font-weight:600;

}

.form-group input{

  width:100%;

  height:58px;

  padding:0 17px;

  box-sizing:border-box;

  background:#0B1738;

  border:1px solid rgba(255,255,255,.10);

  border-radius:14px;

  color:#ffffff;

  font-size:15px;

  outline:none;

  transition:.25s;

}

.form-group input::placeholder{

  color:#71809C;

}

.form-group input:focus{

  border-color:#6C63FF;

  box-shadow:
    0 0 0 3px rgba(108,99,255,.14);

}


/* =====================================================
   CONTINUE BUTTON
   ===================================================== */

.forgot-btn{

  width:100%;

  height:58px;

  margin-top:4px;

  border:none;

  border-radius:14px;

  background:#6C63FF;

  color:#ffffff;

  font-size:16px;

  font-weight:600;

  cursor:pointer;

  transition:.25s;

  box-shadow:
    0 10px 25px rgba(108,99,255,.22);

}

.forgot-btn:hover{

  background:#7A72FF;

  transform:translateY(-2px);

}

.forgot-btn:active{

  transform:translateY(0);

}

.forgot-btn:disabled{

  opacity:.65;

  cursor:not-allowed;

  transform:none;

}


/* =====================================================
   HELP TEXT
   ===================================================== */

.reset-hint{

  margin:12px 0 0 !important;

  text-align:center;

  color:#7F8BA3 !important;

  font-size:12px !important;

  line-height:1.6 !important;

}


/* =====================================================
   BACK TO LOGIN
   ===================================================== */

.back-login{

  margin-top:28px;

  padding-top:22px;

  border-top:1px solid rgba(255,255,255,.07);

  text-align:center;

}

.back-login a{

  color:#AEB8D0;

  text-decoration:none;

  font-size:14px;

  transition:.2s;

}

.back-login a:hover{

  color:#ffffff;

}


/* =====================================================
   MOBILE
   ===================================================== */

@media(max-width:600px){

  .forgot-wrapper{

    padding:20px 15px;

  }

  .forgot-card{

    padding:32px 24px;

    border-radius:20px;

  }

  .forgot-card h2{

    font-size:28px;

  }

  .forgot-card h1{

    font-size:30px;

  }

}

.scholar-logo-link{
  display:flex;
  justify-content:center;
  align-items:center;

  text-decoration:none;

  margin-bottom:25px;
}

.scholar-logo{
  width:180px;
  height:auto;

  display:block;

  object-fit:contain;
}