/* ---------------------------------------------------------


   LOGIN PAGE MAIN WRAPPER — GLASS CARD


--------------------------------------------------------- */


.sign-section-style {


  display: flex;


  gap: 0;


  background: rgba(255, 255, 255, 0.55);


  padding: 0;


  border-radius: 22px;


  overflow: hidden;


  box-shadow: 0px 18px 48px rgba(0, 0, 0, 0.15);


  backdrop-filter: blur(14px);


  border: 1px solid rgba(255, 255, 255, 0.35);


}





/* Left Form Box */


.sign-form-div {


  padding: 3rem;


  max-width: 50%;


  width: 100%;


  /* align-content: center; */


}

















/* ---------------------------------------------------------


   MAIN HEADING (Same underline style)


--------------------------------------------------------- */


.sign-form-div h2 {


  font-weight: 800;


  letter-spacing: 1px;


  position: relative;


  padding-bottom: 12px;


}





.sign-form-div h2::after {


  content: "";


  position: absolute;


  left: 0;


  bottom: 0;


  height: 4px;


  width: 90px;


  background: #4c6ef5;


  border-radius: 4px;


}





/* ---------------------------------------------------------


   INPUTS — modern & clean


--------------------------------------------------------- */


.input-fc {


  background: #f1f0f7;


  border: 1px solid #d7d5e8;


  padding: 14px 16px !important;


  font-size: 17px;


  border-radius: 12px;


  width: 100%;


  transition: 0.25s ease;


}





.input-fc:focus {


  border-color: #4c6ef5;


  background: #fff;


  box-shadow: 0 0 0px 4px rgba(76, 110, 245, 0.15);


  outline: none;


}





/* Label */


.form-label {


  font-weight: 600;


  margin-bottom: 6px;


  color: #4b4b4b;


}





/* ---------------------------------------------------------


   LOGIN BUTTON — rounded & modern


--------------------------------------------------------- */


.btn-btn-primary {


  background: linear-gradient(135deg, #4c6ef5, #5f3dc4);


  color: #fff;


  width: 100%;


  padding: 12px 20px;


  border-radius: 14px;


  font-size: 20px;


  border: none;


  font-weight: 600;


  letter-spacing: 0.5px;


  transition: 0.3s ease;
text-decoration: none;

}





.btn-btn-primary:hover {


  transform: translateY(-3px);


  box-shadow: 0 12px 22px rgba(76, 110, 245, 0.35);


}





/* ---------------------------------------------------------


   LINKS BELOW FORM


--------------------------------------------------------- */


.link-anchor-tag {


  display: flex;


  justify-content: space-between;


  padding-top: 20px;


}








/* ---------------------------------------------------------


   PAGE SPACING


--------------------------------------------------------- */


.sign-form-section {


  margin-top: 4rem;


  margin-bottom: 4rem;


}





/* ---------------------------------------------------------


   RESPONSIVE


--------------------------------------------------------- */


@media(max-width:991.8px) {


  .sign-section-style {


    flex-direction: column;


  }





  .login-form-text {


    display: none;


  }





  .sign-form-div {


    max-width: 100%;


  }








}





@media(max-width:767.8px) {


  .sign-form-div {


    padding: 1.5rem;


  }


}
































/* ---------------------------------------------------------


   REGISTER PAGE MAIN WRAPPER — GLASS CARD (same as login)


--------------------------------------------------------- */


.register-section-style {


  display: flex;


  gap: 0;


  background: rgba(255, 255, 255, 0.55);


  padding: 0;


  border-radius: 22px;


  overflow: hidden;


  box-shadow: 0px 18px 48px rgba(0, 0, 0, 0.15);


  backdrop-filter: blur(14px);


  border: 1px solid rgba(255, 255, 255, 0.35);


}





/* Left Image */


.login-form-text {


  max-width: 50%;


  width: 100%;


}





.login-form-text img {


  height: 100%;


  width: 100%;


  object-fit: cover;


}





/* Right Form */


.register-form-div {


  padding: 3rem;


  max-width: 50%;


  width: 100%;


}





/* ---------------------------------------------------------


   MAIN HEADING — underline (same theme)


--------------------------------------------------------- */


.register-form-div h2 {


  font-weight: 800;


  letter-spacing: 1px;


  position: relative;


  padding-bottom: 12px;


}





.register-form-div h2::after {


  content: "";


  position: absolute;


  left: 0;


  bottom: 0;


  height: 4px;


  width: 110px;


  background: #4c6ef5;


  border-radius: 4px;


}








.account-linking-a {


  color: #4c6ef5;


  font-size: 17px;


  text-decoration: none;


  font-weight: 500;


}





.account-linking-a:hover {


  text-decoration: underline;


}





/* ---------------------------------------------------------


   PAGE SPACING


--------------------------------------------------------- */


.register-form-section {


  margin-top: 4rem;


  margin-bottom: 4rem;


}





/* ---------------------------------------------------------


   RESPONSIVE


--------------------------------------------------------- */


@media(max-width:991.8px) {


  .register-section-style {


    flex-direction: column;


  }











  .register-form-div {


    max-width: 100%;


  }





  .link-anchor-tag {


    flex-direction: column;


    gap: 10px;


    text-align: center;


  }


}





@media(max-width:767.8px) {


  .register-form-div {


    padding: 1.5rem;


  }


}