body { background-color: white; background: #171f66; }

#signup_footer p { text-align: center; }

.button { width: 334px !important; margin-bottom: 0 !important; }

.box { border-radius: 12px; border: 1px solid #e4e4e7; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1); background-color: white; }

.box.box-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.box > div { padding: 24px; }

.box > div:not(:first-child) { padding-top: 0; }

.box h1 { color: #2b2b2d !important; font-size: 20px; line-height: 24px; font-weight: 700; margin: 0; padding: 0; margin-bottom: 16px; text-align: left; -webkit-text-fill-color: currentColor; }

.box p.h1_sub { color: #575758; font-weight: 400; line-height: 24px; font-size: 16px; margin: 0; padding: 0; }

.box ul { width: 334px; }

.box form input:not([type='checkbox']) { display: block; width: 334px; border-radius: 6px; border: 1px solid #e4e4e7; color: #09090b; font-size: 14px; font-weight: 400; line-height: 20px; height: 36px; padding-block-end: 4px; padding-block-start: 4px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 24px; padding-inline-start: 12px; }

.box form a { text-underline-offset: 4px; }

.box form p, .box form span, .box form a, .box form li { font-size: 14px; color: #09090b; }

.box form p.muted { margin-top: 6px; color: #71717a; }

.box form label { color: #09090b; font-size: 14px; font-weight: 500; line-height: 14px; padding-bottom: 8px; }

.box form label:not([for="id_remember"]) { display: block; }

.box form #id_password_helptext { display: none; }

.box form #login_signup { text-align: center; }

@media screen and (max-width: 999px) { .box { width: calc(100vw - 2 * 16px) !important; max-width: 334px; margin: 16px  !important; } .box.box-center { left: calc(50% - 16px); } form input, ul { width: 100% !important; } }