.acct-wrap{ min-height:72vh; display:flex; align-items:center; justify-content:center; }
.login-box{ width:100%; max-width:400px; }
.acct-title{ font-size:1.4rem; font-weight:600; }
@media(min-width:768px){ .acct-title{ font-size:var(--ts-font-size-title); } }    
.acct-foot{ margin:1rem 0 0; text-align:center; }
.acct-foot a{ margin-left:.4rem; }
body.dark-mode .card{ background:var(--ts-gray-800); color:var(--ts-near-white); }
body.dark-mode .form-control{ background:#3d444b; border-color:#4b545c; color:var(--ts-near-white); }
body.dark-mode .form-control::placeholder{ color:#8b949e; }
 
body.dark-mode .form-control:-webkit-autofill, body.dark-mode .form-control:-webkit-autofill:hover, body.dark-mode .form-control:-webkit-autofill:focus{ -webkit-text-fill-color:var(--ts-near-white); -webkit-box-shadow:0 0 0 1000px #3d444b inset; caret-color:var(--ts-near-white); }
body.dark-mode .input-group-text{ background:#3d444b; border-color:#4b545c; color:var(--ts-gray-500); }
@media(max-width:767px){
  .acct-title{ font-size:1.7rem; }
  .form-control{ font-size:1.15rem; height:calc(2.6rem + 2px); }
  .input-group-text{ font-size:1.15rem; }
  .acct-btn{ font-size:1.2rem; padding:.7rem; }
  .acct-foot{ font-size:1.05rem; }
  .login-box{ max-width:100%; padding:0 .5rem; }
}