body{font-family:Roboto,sans-serif;background:#0f0f0f;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;color:#fff}.form-container{background-color:#1a1a1a;padding:2em;border-radius:.5em;box-shadow:0 4px 15px #0000004d;text-align:center;width:23em}.form-container .welcome-text{margin-left:.5em;margin-right:.5em;margin-bottom:1em;font-size:1.7em;font-weight:700;-webkit-user-select:none;user-select:none}.form-container form{display:flex;flex-direction:column;align-items:stretch}.form-container label{margin-bottom:.3em;text-align:left;-webkit-user-select:none;user-select:none}.form-container input{padding:.5em;width:100%;border-radius:.2em;color:#fff;background-color:#0a0a0a;border:none;outline:none;transition:box-shadow .15s ease;box-sizing:border-box;font-size:.9em}.form-container form>input[type=text],.form-container form>input[type=email]{margin-bottom:.7em;padding-right:.5em}.password-input-container{position:relative;width:100%;margin-bottom:.7em;display:flex;align-items:center}.password-input-container input{padding-right:2.5em}.password-toggle-icon{position:absolute;right:.7em;top:50%;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none;color:#aaa}.password-toggle-icon svg{display:block;width:1.1em;height:1.1em;fill:currentColor}.password-toggle-icon:hover{color:#fff}#password-options-container{margin-top:-.3em;margin-bottom:1.5em;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}#password-options-container label{display:flex;align-items:center;gap:.3em;margin-bottom:0;cursor:pointer;font-size:.9em}#password-options-container input[type=checkbox]{height:1.05em;width:1.05em;margin:0}#password-options-container input[type=checkbox]:focus{border:none;outline:none}.form-link.button-link{margin-top:0;padding:0;background:none;border:none;font-size:.9em;color:#007bff;text-decoration:none}.form-link.button-link:hover{background:none;color:#007bff;text-decoration:underline}.form-link{color:#007bff;text-decoration:none;font-size:.9em}.form-link:hover{text-decoration:underline}.switch-form-text{margin-top:1.5em;font-size:.9em;color:#ccc;-webkit-user-select:none;user-select:none}.form-container input:focus{outline:.15em solid #ffffff}.form-container button{margin-top:1em;padding:.7em 1.4em;border:none;border-radius:.2em;background-color:#0056b3;color:#fff;font-size:1em;cursor:pointer;transition:background-color .3s ease;align-self:center;-webkit-user-select:none;user-select:none}.form-container button:hover{background-color:#007bff}.form-message{margin-top:1em;margin-bottom:.5em;padding:.7em;border-radius:.3em;font-size:.9em;text-align:center;border:1px solid transparent;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,padding .3s ease;white-space:pre-wrap}.form-message.error,.form-message.success{opacity:1;max-height:5em;margin-bottom:1em}.form-message.error{background-color:#4d1a1a;border-color:#ff4d4d;color:#fcc}.form-message.success{background-color:#1a4d1a;border-color:#4dff4d;color:#cfc}.form-container input:disabled,.form-container button:disabled{opacity:.6;cursor:not-allowed}.form-link.disabled-link{opacity:.6;pointer-events:none;cursor:not-allowed}