.elementor-4297 .elementor-element.elementor-element-563a430{--display:flex;--min-height:1000px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}/* Start custom CSS for shortcode, class: .elementor-element-349f72c */#tutor-dashboard-footer-mobile{
    display: none;
}/* End custom CSS */
/* Start custom CSS *//* ===== Tutor login shown on /dashboard/ when logged out ===== */

/* Centre the whole login segment */
.tutor-wrap .tutor-template-segment.tutor-login-wrap{
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 60px 16px;
}

/* The card wrapper */
.tutor-wrap .tutor-template-segment.tutor-login-wrap .tutor-login-form-wrapper{
  width: min(520px, 100%);
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 20px 60px rgba(0,0,0,.18);
  border: 1px solid rgba(0,0,0,.06);
}

/* Heading */
.tutor-wrap .tutor-template-segment.tutor-login-wrap .tutor-fs-5{
  font-weight: 800;
  margin-bottom: 18px;
}

/* Inputs */
.tutor-wrap .tutor-template-segment.tutor-login-wrap .tutor-form-control{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.14);
  padding: 12px 14px;
  height: auto;
}

.tutor-wrap .tutor-template-segment.tutor-login-wrap .tutor-form-control:focus{
  border-color: rgba(76, 61, 161, .65);
  box-shadow: 0 0 0 4px rgba(76, 61, 161, .12);
  outline: none;
}

/* Primary button */
.tutor-wrap .tutor-template-segment.tutor-login-wrap .tutor-btn.tutor-btn-primary{
  border-radius: 12px;
  border: none;
  background: #4c3da1;
  font-weight: 700;
  padding: 12px 16px;
}

/* Make it full width (you already have tutor-btn-block, but reinforce) */
.tutor-wrap .tutor-template-segment.tutor-login-wrap .tutor-btn.tutor-btn-block{
  width: 100%;
}

/* Forgot password ghost button (make it look like a link button) */
.tutor-wrap .tutor-template-segment.tutor-login-wrap a.tutor-btn.tutor-btn-ghost{
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.12);
  padding: 8px 10px;
}

/* Register link button */
.tutor-wrap .tutor-template-segment.tutor-login-wrap a.tutor-btn.tutor-btn-link{
  color: #4c3da1;
  font-weight: 700;
  text-decoration: none;
}

.tutor-wrap .tutor-template-segment.tutor-login-wrap a.tutor-btn.tutor-btn-link:hover{
  text-decoration: underline;
}/* End custom CSS */