body .c-page_login-entrycolleagues {
  display: flex; flex-direction: column; align-items: center;
  overflow-x: hidden; overflow-y: auto; padding: 18px 0 150px; box-sizing: border-box;
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(155,99,230,.25), transparent 70%),
    radial-gradient(380px 240px at 0% 60%, rgba(255,212,94,.20), transparent 70%),
    linear-gradient(180deg, #F6F1FD 0%, #E4D6F6 100%) !important;
}
body .c-page_login-entrycolleagues_logo {
  width: fit-content !important; min-width: 150px !important; max-width: 82% !important; height: auto !important; min-height: 0 !important; max-height: none !important;
  margin: 34px auto 20px !important; padding: 10px 24px; position: relative; flex: 0 0 auto;
  background: linear-gradient(180deg,#fff,#f4edff); border: 3px solid #fff; border-radius: 24px;
  box-shadow: 0 7px 0 #cdb9ea, 0 16px 24px rgba(91,31,168,.25), inset 0 -3px 0 rgba(91,31,168,.07);
}
body .c-page_login-entrycolleaguesr_logo-img { display: block; width: 180px !important; min-width: 0 !important; max-width: 100% !important; height: 64px !important; min-height: 0 !important; max-height: none !important; background-size: contain !important; background-position: center !important; }
body .c-page_login-entrycolleaguesr_title {
  width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important;
  margin: 6px 0 18px !important; text-align: center; font-size: 22px; color: #2b2b2b !important; flex: 0 0 auto;
}
body .c-page_login-entrycolleaguesr_title::after { content: ''; display: block; width: 46px; height: 5px; border-radius: 4px; margin: 8px auto 0; background: linear-gradient(90deg,#ffd45e,#b08c2e); }
body .c-form_page-login_Information { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; align-items: center; }
body .c-form_page-login_Information1 {
  width: 88% !important; min-width: 0 !important; max-width: 400px !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 auto !important; box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.82)); border: 1.5px solid #fff; border-radius: 26px; padding: 22px 20px 20px;
  box-shadow: 0 2px 0 #fff inset, 0 8px 0 -2px rgba(91,31,168,.10), 0 22px 34px -10px rgba(70,30,130,.35);
}
body .c-login_Information-username, body .c-login_Information-pass {
  width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin: 0 0 14px !important;
}
body .c-login_Information-username_title, body .c-login_Information-pass_title { padding: 0 6px 6px !important; color: #4c1792; font-size: 14px; }
body .c-login_Information-username_input-div, body .c-login_Information-pass_input-div {
  width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; margin: 0 !important;
}
body input.c-login_Information-username_input, body input.c-login_Information-pass_input {
  width: 100% !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: none !important;
  border: 2px solid #e5dcf4 !important; border-radius: 30px !important; background-color: #fbf9ff !important; padding: 0 18px !important;
  box-shadow: inset 0 3px 6px rgba(91,31,168,.12), 0 2px 0 #fff !important; font-size: 18px; font-weight: 600; letter-spacing: 1px; text-align: center;
}
body input.c-login_Information-username_input[name="mobile"] {
  direction: ltr; padding-left: 46px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%235B1FA8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='2' width='12' height='20' rx='3'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: 16px center;
}
body input.c-login_Information-username_input:focus, body input.c-login_Information-pass_input:focus { outline: none; border-color: #5B1FA8 !important; box-shadow: inset 0 3px 6px rgba(91,31,168,.12), 0 0 0 4px rgba(91,31,168,.15) !important; }
body .c-login_Information-pass_input-div { display: flex !important; align-items: center; gap: 10px !important; }
body .c-login_Information-pass_input-div img { width: 132px !important; height: 54px !important; border: 2px solid #e5dcf4 !important; border-radius: 16px !important; background: #fbf9ff !important; box-shadow: 0 4px 0 #d6c8ec !important; }
body input.c-login_Information-pass_input { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; direction: ltr; text-transform: uppercase; }
body .c-login_Information-remember {
  width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 6px !important; margin: 0 0 16px; align-items: center; gap: 8px;
}
body .c-login_Information-remember_input { width: 18px !important; min-width: 18px !important; max-width: 18px !important; height: 18px !important; min-height: 18px !important; max-height: 18px !important; padding: 0 !important; box-shadow: none !important; accent-color: #5B1FA8; flex: 0 0 auto; }
body .c-login_Information-remember_label { width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 !important; font-size: 14px; color: #4c4c4c; }
body .c-login_Information-receive_verification { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 0 0 6px !important; gap: 12px !important; }
body .c-login_Information-receive_verification-code.taeide, body .c-login_Information-receive_verification-code.enseraf {
  flex: 1 1 0; width: auto !important; min-width: 0 !important; max-width: none !important; height: 52px !important; min-height: 52px !important; max-height: none !important;
  border: 0 !important; border-radius: 30px !important; color: #fff !important; font-size: 16px; font-weight: bold; text-shadow: 0 2px 2px rgba(0,0,0,.35); transition: transform .08s, box-shadow .08s;
}
body .c-login_Information-receive_verification-code.taeide { background: linear-gradient(180deg,#8a4fe0 0%,#6a2cc0 48%,#5B1FA8 52%,#4c1792 100%) !important; box-shadow: 0 6px 0 #331069, 0 12px 20px rgba(91,31,168,.38), inset 0 2px 0 rgba(255,255,255,.4); }
body .c-login_Information-receive_verification-code.enseraf { background: linear-gradient(180deg,#f0776b 0%,#d9483b 48%,#c0392b 52%,#a82e22 100%) !important; box-shadow: 0 6px 0 #6f1d15, 0 12px 20px rgba(192,57,43,.35), inset 0 2px 0 rgba(255,255,255,.35); }
body .c-login_Information-receive_verification-code.taeide:active { transform: translateY(5px); box-shadow: 0 1px 0 #331069, inset 0 2px 0 rgba(255,255,255,.3); }
body .c-login_Information-receive_verification-code.enseraf:active { transform: translateY(5px); box-shadow: 0 1px 0 #6f1d15, inset 0 2px 0 rgba(255,255,255,.3); }
body .c-login_Information-username_input-div .otp-digit {
  width: 42px !important; height: 54px !important; border-radius: 14px !important; border: 2px solid #e5dcf4 !important; font-size: 22px !important; font-weight: bold;
  background: linear-gradient(180deg,#fff,#f6f1fd) !important; box-shadow: 0 4px 0 #d6c8ec !important; padding: 0;
}
body .otp-digit:focus { outline: none; border-color: #5B1FA8 !important; box-shadow: 0 4px 0 #b79ee0, 0 0 0 4px rgba(91,31,168,.15) !important; }
body #otp-timer-box, body #otp-resend-box { font-size: 15px !important; }
.auth-scene.for-login { right: auto; width: 30%; z-index: 25; }
body .c-page_login-entrycolleagues > * { position: relative; z-index: 2; }