:root{--white:#fff;--orange:#ffc107;--bg-color:#1e1e1e;--border-color:#ccc;--black:#000;--light-grey:#999;--red:red}body,html{margin:0 auto;padding:0;font-family:arial,tahoma}body{font-size:16px;background-color:var(--bg-color);color:var(--white)}#main-container{margin:0 auto;min-width:320px;min-height:375px;max-width:1160px;width:100vw;height:100vh;display:grid;place-items:center;padding-left:10px;padding-right:10px}.login-form-container{display:flex;flex-direction:column;align-items:center;justify-items:center;margin:0 auto;width:420px;padding:10px}.email-submit-wrapper,.field{width:100%}.field{display:block;margin-bottom:10px}.field-input-email-container{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid hsla(0,0%,75%,.7)}.field input[type=text]{width:97%;line-height:1.85rem;border-radius:none;border:none;background-color:var(--bg-color);color:#fff;outline:none;padding:5px 5px 5px 10px}.field-row{width:420px}.email-button-container,.noti-button-container{flex:48% 1}.button-containers{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.field-label input[type=submit]{width:100%;font-weight:700;height:48px;cursor:pointer;margin-top:16px;background-color:var(--orange);border:1px solid var(--orange);border-radius:5px;color:rgba(0,0,0,.7)}.field-label input:disabled[type=submit]{background-color:hsla(44,96%,71%,.6);color:var(--orange);border:none}.field-label button{width:100%;font-weight:700;height:48px;cursor:pointer;margin-top:16px;background-color:var(--white);border:1px solid var(--border-color)}.field.field-help{font-size:.875rem;line-height:1rem;color:var(--orange);text-align:center}.social-divider{border-bottom:1px solid var(--border-color);line-height:.1em;width:100%;text-align:center;margin-top:40px;margin-bottom:20px}.other-login-method{background-color:var(--bg-color);color:#000;padding-left:10px;padding-right:10px;font-size:.75rem;color:var(--light-grey)}.text-center{text-align:center}.qr-placeholder span{margin-top:15px;font-size:.75rem;color:var(--light-grey)}.error-wrapper{color:var(--red);font-size:16px;margin-top:16px;display:block;box-sizing:content-box}